p47502813
/
bee-table
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

修改mixin和render方式

This commit is contained in:
Boyuzhou 2018-05-22 19:38:15 +08:00
parent 5e0ec16785
commit a84067bdad
26 changed files with 9589 additions and 9606 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

691
.idea/workspace.xml
View File

@ -3,12 +3,31 @@
<component name="ChangeListManager"> <component name="ChangeListManager">
<list default="true" id="fc6f46f1-46b7-479d-a1be-6709765e93ca" name="Default" comment=""> <list default="true" id="fc6f46f1-46b7-479d-a1be-6709765e93ca" name="Default" comment="">
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" /> <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/Table.css" afterPath="$PROJECT_DIR$/build/Table.css" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/lib/dragColumn.js" afterPath="$PROJECT_DIR$/build/lib/dragColumn.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/lib/filterColumn.js" afterPath="$PROJECT_DIR$/build/lib/filterColumn.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/lib/multiSelect.js" afterPath="$PROJECT_DIR$/build/lib/multiSelect.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/lib/sort.js" afterPath="$PROJECT_DIR$/build/lib/sort.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/render/CheckboxRender.js" afterPath="$PROJECT_DIR$/build/render/CheckboxRender.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/render/DateRender.js" afterPath="$PROJECT_DIR$/build/render/DateRender.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/render/InputRender.js" afterPath="$PROJECT_DIR$/build/render/InputRender.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/build/render/SelectRender.js" afterPath="$PROJECT_DIR$/build/render/SelectRender.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/demo/demolist/Demo13.js" afterPath="$PROJECT_DIR$/demo/demolist/Demo13.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/demo/demolist/Demo14.js" afterPath="$PROJECT_DIR$/demo/demolist/Demo14.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/demo/demolist/Demo16.js" afterPath="$PROJECT_DIR$/demo/demolist/Demo16.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/demo/demolist/Demo19.js" afterPath="$PROJECT_DIR$/demo/demolist/Demo19.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/demo/demolist/Demo21.js" afterPath="$PROJECT_DIR$/demo/demolist/Demo21.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/demo/index.js" afterPath="$PROJECT_DIR$/demo/index.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/dist/demo.js" afterPath="$PROJECT_DIR$/dist/demo.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/dist/demo.js.map" afterPath="$PROJECT_DIR$/dist/demo.js.map" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/docs/mixin.md" afterPath="$PROJECT_DIR$/docs/mixin.md" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/docs/rendertype.md" afterPath="$PROJECT_DIR$/docs/rendertype.md" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/lib/dragColumn.js" afterPath="$PROJECT_DIR$/src/lib/dragColumn.js" /> <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/lib/dragColumn.js" afterPath="$PROJECT_DIR$/src/lib/dragColumn.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/lib/filterColumn.js" afterPath="$PROJECT_DIR$/src/lib/filterColumn.js" /> <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/lib/filterColumn.js" afterPath="$PROJECT_DIR$/src/lib/filterColumn.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/lib/multiSelect.js" afterPath="$PROJECT_DIR$/src/lib/multiSelect.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/lib/sort.js" afterPath="$PROJECT_DIR$/src/lib/sort.js" /> <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/lib/sort.js" afterPath="$PROJECT_DIR$/src/lib/sort.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/render/CheckboxRender.js" afterPath="$PROJECT_DIR$/src/render/CheckboxRender.js" /> <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/render/CheckboxRender.js" afterPath="$PROJECT_DIR$/src/render/CheckboxRender.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/render/DateRender.js" afterPath="$PROJECT_DIR$/src/render/DateRender.js" /> <change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/render/InputRender.js" afterPath="$PROJECT_DIR$/src/render/InputRender.js" />
<change type="MODIFICATION" beforePath="$PROJECT_DIR$/src/render/SelectRender.js" afterPath="$PROJECT_DIR$/src/render/SelectRender.js" />
</list> </list>
<ignored path="$PROJECT_DIR$/.tmp/" /> <ignored path="$PROJECT_DIR$/.tmp/" />
<ignored path="$PROJECT_DIR$/temp/" /> <ignored path="$PROJECT_DIR$/temp/" />
@ -20,164 +39,83 @@
<option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" /> <option name="HIGHLIGHT_NON_ACTIVE_CHANGELIST" value="false" />
<option name="LAST_RESOLUTION" value="IGNORE" /> <option name="LAST_RESOLUTION" value="IGNORE" />
</component> </component>
<component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
<component name="FileEditorManager"> <component name="FileEditorManager">
<leaf SIDE_TABS_SIZE_LIMIT_KEY="300"> <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
<file leaf-file-name="InputRender.js" pinned="false" current-in-tab="false"> <file leaf-file-name="InputRender.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/render/InputRender.js"> <entry file="file://$PROJECT_DIR$/src/render/InputRender.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="312"> <state relative-caret-position="216">
<caret line="13" column="2" lean-forward="false" selection-start-line="13" selection-start-column="2" selection-end-line="13" selection-end-column="2" /> <caret line="10" column="53" lean-forward="true" selection-start-line="10" selection-start-column="36" selection-end-line="10" selection-end-column="53" />
<folding>
<element signature="e#0#41#0" expanded="true" />
<marker date="1526978323444" expanded="true" signature="354:4405" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="366:420" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="444:500" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="518:796" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="576:787" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="696:752" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="831:878" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="895:939" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="968:1064" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="999:1026" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="1107:1817" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="1160:1668" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="1691:1783" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="1789:1813" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="1830:4403" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="2088:3827" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="2137:2926" ph="&lt;div/&gt;" />
<marker date="1526978323444" expanded="true" signature="2194:2394" ph="/*...*/" />
<marker date="1526978323444" expanded="true" signature="2406:2911" ph="&lt;Form.FormItem/&gt;" />
<marker date="1526978323444" expanded="true" signature="2700:2884" ph="&lt;Input/&gt;" />
<marker date="1526978323444" expanded="true" signature="2947:3812" ph="&lt;div/&gt;" />
<marker date="1526978323444" expanded="true" signature="3004:3139" ph="/*...*/" />
<marker date="1526978323444" expanded="true" signature="3151:3656" ph="&lt;Form.FormItem/&gt;" />
<marker date="1526978323444" expanded="true" signature="3445:3629" ph="&lt;Input/&gt;" />
<marker date="1526978323444" expanded="true" signature="3667:3797" ph="&lt;Icon/&gt;" />
<marker date="1526978323444" expanded="true" signature="3833:4336" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="3878:3931" ph="{...}" />
<marker date="1526978323444" expanded="true" signature="3979:4083" ph="&lt;div/&gt;" />
<marker date="1526978323444" expanded="true" signature="4104:4321" ph="&lt;div/&gt;" />
<marker date="1526978323444" expanded="true" signature="4184:4306" ph="&lt;Icon/&gt;" />
</folding>
</state>
</provider>
</entry>
</file>
<file leaf-file-name="sort.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/lib/sort.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="152">
<caret line="7" column="3" lean-forward="true" selection-start-line="7" selection-start-column="3" selection-end-line="7" selection-end-column="3" />
<folding>
<element signature="e#0#41#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file leaf-file-name="sum.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/lib/sum.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
<folding /> <folding />
</state> </state>
</provider> </provider>
</entry> </entry>
</file> </file>
<file leaf-file-name="mixin.md" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/docs/mixin.md">
<provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
<state split_layout="SPLIT">
<first_editor relative-caret-position="391">
<caret line="108" column="1" lean-forward="true" selection-start-line="108" selection-start-column="1" selection-end-line="108" selection-end-column="1" />
<folding>
<marker date="1526987804056" expanded="true" signature="907:1002" ph="..." />
<marker date="1526987804056" expanded="true" signature="1247:1324" ph="..." />
<marker date="1526987804056" expanded="true" signature="1251:1324" ph="..." />
<marker date="1526987804056" expanded="true" signature="1561:1630" ph="..." />
<marker date="1526987804056" expanded="true" signature="1564:1595" ph="..." />
<marker date="1526987804056" expanded="true" signature="2089:2172" ph="..." />
<marker date="1526987804056" expanded="true" signature="2099:2172" ph="..." />
<marker date="1526987804056" expanded="true" signature="2295:2407" ph="..." />
</folding>
</first_editor>
<second_editor />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="rendertype.md" pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/docs/rendertype.md">
<provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
<state split_layout="SPLIT">
<first_editor relative-caret-position="341">
<caret line="110" column="0" lean-forward="true" selection-start-line="110" selection-start-column="0" selection-end-line="110" selection-end-column="0" />
<folding>
<marker date="1526989065954" expanded="true" signature="1731:1835" ph="..." />
<marker date="1526989065954" expanded="true" signature="2397:2531" ph="..." />
<marker date="1526989065954" expanded="true" signature="3046:3140" ph="..." />
<marker date="1526989065954" expanded="true" signature="3578:3678" ph="..." />
</folding>
</first_editor>
<second_editor />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="CheckboxRender.js" pinned="false" current-in-tab="false"> <file leaf-file-name="CheckboxRender.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/render/CheckboxRender.js"> <entry file="file://$PROJECT_DIR$/src/render/CheckboxRender.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="78"> <state relative-caret-position="417">
<caret line="3" column="13" lean-forward="false" selection-start-line="3" selection-start-column="13" selection-end-line="3" selection-end-column="13" /> <caret line="20" column="35" lean-forward="false" selection-start-line="20" selection-start-column="27" selection-end-line="20" selection-end-column="35" />
<folding /> <folding />
</state> </state>
</provider> </provider>
</entry> </entry>
</file> </file>
<file leaf-file-name="util.js" pinned="false" current-in-tab="false"> <file leaf-file-name="SelectRender.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/lib/util.js"> <entry file="file://$PROJECT_DIR$/src/render/SelectRender.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0"> <state relative-caret-position="72">
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" /> <caret line="4" column="8" lean-forward="false" selection-start-line="4" selection-start-column="8" selection-end-line="4" selection-end-column="8" />
<folding> <folding />
<element signature="n#!!doc" expanded="true" />
</folding>
</state> </state>
</provider> </provider>
</entry> </entry>
</file> </file>
<file leaf-file-name="Demo13.js" pinned="false" current-in-tab="false"> <file leaf-file-name="DateRender.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo13.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="364">
<caret line="19" column="13" lean-forward="false" selection-start-line="19" selection-start-column="13" selection-end-line="19" selection-end-column="13" />
<folding>
<element signature="e#92#133#0" expanded="true" />
<marker date="1526978323061" expanded="true" signature="1333:2859" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1356:1506" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1393:1501" ph="{&quot;data13&quot;: data13...}" />
<marker date="1526978323061" expanded="true" signature="1539:1570" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1610:1709" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1661:1687" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1746:1845" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1797:1823" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1865:1931" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1885:1925" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1952:2150" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1972:2144" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="2015:2138" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="2074:2108" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="2163:2857" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="2184:2214" ph="{&quot;type&quot;: &quot;checkbox&quot;...}" />
<marker date="1526978323061" expanded="true" signature="2235:2846" ph="&lt;div/&gt;" />
<marker date="1526978323061" expanded="true" signature="2249:2356" ph="&lt;Button/&gt;" />
<marker date="1526978323061" expanded="true" signature="2365:2545" ph="&lt;Button/&gt;" />
<marker date="1526978323061" expanded="true" signature="2554:2833" ph="&lt;ComplexTable/&gt;" />
</folding>
</state>
</provider>
</entry>
</file>
<file leaf-file-name="DateRender.js" pinned="false" current-in-tab="true">
<entry file="file://$PROJECT_DIR$/src/render/DateRender.js"> <entry file="file://$PROJECT_DIR$/src/render/DateRender.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="468"> <state relative-caret-position="120">
<caret line="56" column="24" lean-forward="false" selection-start-line="56" selection-start-column="14" selection-end-line="56" selection-end-column="24" /> <caret line="6" column="25" lean-forward="false" selection-start-line="6" selection-start-column="15" selection-end-line="6" selection-end-column="25" />
<folding>
<element signature="e#0#41#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
</file>
<file leaf-file-name="multiSelect.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/lib/multiSelect.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="41" lean-forward="false" selection-start-line="0" selection-start-column="41" selection-end-line="0" selection-end-column="41" />
<folding />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="filterColumn.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/lib/filterColumn.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-2413">
<caret line="6" column="18" lean-forward="false" selection-start-line="6" selection-start-column="18" selection-end-line="6" selection-end-column="18" />
<folding />
</state>
</provider>
</entry>
</file>
<file leaf-file-name="dragColumn.js" pinned="false" current-in-tab="false">
<entry file="file://$PROJECT_DIR$/src/lib/dragColumn.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="41" lean-forward="false" selection-start-line="0" selection-start-column="41" selection-end-line="0" selection-end-column="41" />
<folding /> <folding />
</state> </state>
</provider> </provider>
@ -195,9 +133,23 @@
<find>remove</find> <find>remove</find>
<find>Icon</find> <find>Icon</find>
<find>moment</find> <find>moment</find>
<find>src/lib</find>
<find>dragColumn</find>
<find>Tooltip</find>
<find>multiSelect</find>
<find>sort</find>
<find>CheckboxRender</find>
<find>DateRender</find>
<find>build/render</find>
<find>InputRender</find>
<find>filterColumn</find>
<find>sortBy</find>
<find>props</find>
</findStrings> </findStrings>
<dirStrings> <dirStrings>
<dir>$PROJECT_DIR$/src</dir> <dir>$PROJECT_DIR$/src</dir>
<dir>$PROJECT_DIR$/demo</dir>
<dir>$PROJECT_DIR$/demo/demolist</dir>
</dirStrings> </dirStrings>
</component> </component>
<component name="Git.Settings"> <component name="Git.Settings">
@ -214,16 +166,24 @@
<option value="$PROJECT_DIR$/index.html" /> <option value="$PROJECT_DIR$/index.html" />
<option value="$PROJECT_DIR$/demo/demolist/Demo5.js" /> <option value="$PROJECT_DIR$/demo/demolist/Demo5.js" />
<option value="$PROJECT_DIR$/src/Table.js" /> <option value="$PROJECT_DIR$/src/Table.js" />
<option value="$PROJECT_DIR$/demo/demolist/Demo16.js" />
<option value="$PROJECT_DIR$/package.json" /> <option value="$PROJECT_DIR$/package.json" />
<option value="$PROJECT_DIR$/docs/rendertype.md" />
<option value="$PROJECT_DIR$/docs/api.md" /> <option value="$PROJECT_DIR$/docs/api.md" />
<option value="$PROJECT_DIR$/src/lib/multiSelect.js" />
<option value="$PROJECT_DIR$/src/render/DateRender.js" />
<option value="$PROJECT_DIR$/src/render/SelectRender.js" />
<option value="$PROJECT_DIR$/demo/demolist/Demo23.js" />
<option value="$PROJECT_DIR$/demo/demolist/Demo21.js" />
<option value="$PROJECT_DIR$/demo/demolist/Demo16.js" />
<option value="$PROJECT_DIR$/src/lib/sort.js" />
<option value="$PROJECT_DIR$/demo/demolist/Demo13.js" />
<option value="$PROJECT_DIR$/demo/demolist/Demo14.js" />
<option value="$PROJECT_DIR$/src/render/InputRender.js" />
<option value="$PROJECT_DIR$/demo/demolist/Demo19.js" />
<option value="$PROJECT_DIR$/src/lib/dragColumn.js" /> <option value="$PROJECT_DIR$/src/lib/dragColumn.js" />
<option value="$PROJECT_DIR$/src/lib/filterColumn.js" /> <option value="$PROJECT_DIR$/src/lib/filterColumn.js" />
<option value="$PROJECT_DIR$/src/lib/multiSelect.js" /> <option value="$PROJECT_DIR$/docs/mixin.md" />
<option value="$PROJECT_DIR$/src/lib/sort.js" />
<option value="$PROJECT_DIR$/src/render/CheckboxRender.js" /> <option value="$PROJECT_DIR$/src/render/CheckboxRender.js" />
<option value="$PROJECT_DIR$/src/render/DateRender.js" /> <option value="$PROJECT_DIR$/docs/rendertype.md" />
</list> </list>
</option> </option>
</component> </component>
@ -238,7 +198,7 @@
<component name="NodeModulesDirectoryManager"> <component name="NodeModulesDirectoryManager">
<handled-path value="$PROJECT_DIR$/node_modules" /> <handled-path value="$PROJECT_DIR$/node_modules" />
</component> </component>
<component name="ProjectFrameBounds"> <component name="ProjectFrameBounds" extendedState="6">
<option name="x" value="-8" /> <option name="x" value="-8" />
<option name="y" value="-8" /> <option name="y" value="-8" />
<option name="width" value="1936" /> <option name="width" value="1936" />
@ -262,86 +222,46 @@
<foldersAlwaysOnTop value="true" /> <foldersAlwaysOnTop value="true" />
</navigator> </navigator>
<panes> <panes>
<pane id="Scratches" />
<pane id="Scope" />
<pane id="ProjectPane"> <pane id="ProjectPane">
<subPane> <subPane>
<PATH> <expand>
<PATH_ELEMENT> <path>
<option name="myItemId" value="bee-table" /> <item name="bee-table" type="b2602c69:ProjectViewProjectNode" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> <item name="bee-table" type="462c0819:PsiDirectoryNode" />
</PATH_ELEMENT> </path>
<PATH_ELEMENT> <path>
<option name="myItemId" value="bee-table" /> <item name="bee-table" type="b2602c69:ProjectViewProjectNode" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> <item name="bee-table" type="462c0819:PsiDirectoryNode" />
</PATH_ELEMENT> <item name="demo" type="462c0819:PsiDirectoryNode" />
</PATH> </path>
<PATH> <path>
<PATH_ELEMENT> <item name="bee-table" type="b2602c69:ProjectViewProjectNode" />
<option name="myItemId" value="bee-table" /> <item name="bee-table" type="462c0819:PsiDirectoryNode" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> <item name="docs" type="462c0819:PsiDirectoryNode" />
</PATH_ELEMENT> </path>
<PATH_ELEMENT> <path>
<option name="myItemId" value="bee-table" /> <item name="bee-table" type="b2602c69:ProjectViewProjectNode" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> <item name="bee-table" type="462c0819:PsiDirectoryNode" />
</PATH_ELEMENT> <item name="src" type="462c0819:PsiDirectoryNode" />
<PATH_ELEMENT> </path>
<option name="myItemId" value="src" /> <path>
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> <item name="bee-table" type="b2602c69:ProjectViewProjectNode" />
</PATH_ELEMENT> <item name="bee-table" type="462c0819:PsiDirectoryNode" />
</PATH> <item name="src" type="462c0819:PsiDirectoryNode" />
<PATH> <item name="lib" type="462c0819:PsiDirectoryNode" />
<PATH_ELEMENT> </path>
<option name="myItemId" value="bee-table" /> <path>
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" /> <item name="bee-table" type="b2602c69:ProjectViewProjectNode" />
</PATH_ELEMENT> <item name="bee-table" type="462c0819:PsiDirectoryNode" />
<PATH_ELEMENT> <item name="src" type="462c0819:PsiDirectoryNode" />
<option name="myItemId" value="bee-table" /> <item name="render" type="462c0819:PsiDirectoryNode" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" /> </path>
</PATH_ELEMENT> </expand>
<PATH_ELEMENT> <select />
<option name="myItemId" value="src" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="render" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
</PATH>
<PATH>
<PATH_ELEMENT>
<option name="myItemId" value="bee-table" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="bee-table" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="src" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="lib" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
</PATH>
<PATH>
<PATH_ELEMENT>
<option name="myItemId" value="bee-table" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="bee-table" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
<PATH_ELEMENT>
<option name="myItemId" value="demo" />
<option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.PsiDirectoryNode" />
</PATH_ELEMENT>
</PATH>
</subPane> </subPane>
</pane> </pane>
<pane id="Scope" />
<pane id="Scratches" />
</panes> </panes>
</component> </component>
<component name="PropertiesComponent"> <component name="PropertiesComponent">
@ -383,44 +303,34 @@
<workItem from="1504076176405" duration="2701000" /> <workItem from="1504076176405" duration="2701000" />
<workItem from="1506672272278" duration="1303000" /> <workItem from="1506672272278" duration="1303000" />
<workItem from="1523426107901" duration="1270000" /> <workItem from="1523426107901" duration="1270000" />
<workItem from="1526984426793" duration="4564000" />
</task> </task>
<servers /> <servers />
</component> </component>
<component name="TimeTrackingManager"> <component name="TimeTrackingManager">
<option name="totallyTimeSpent" value="12375000" /> <option name="totallyTimeSpent" value="16939000" />
</component> </component>
<component name="ToolWindowManager"> <component name="ToolWindowManager">
<frame x="-8" y="-8" width="1936" height="1056" extended-state="6" /> <frame x="0" y="23" width="1680" height="946" extended-state="6" />
<editor active="true" /> <editor active="true" />
<layout> <layout>
<window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24920969" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" /> <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24954791" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" /> <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
<window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" /> <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
<window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> <window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" /> <window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
<window_info id="npm" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" /> <window_info id="npm" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.3286334" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" /> <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.32902467" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
<window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" /> <window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
<window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" /> <window_info id="Cvs" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="4" side_tool="false" content_ui="tabs" />
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
<window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" /> <window_info id="Message" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" /> <window_info id="Commander" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
<window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
<window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" /> <window_info id="Inspection" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="5" side_tool="false" content_ui="tabs" />
<window_info id="Run" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
<window_info id="npm" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
<window_info id="Version Control" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
<window_info id="Terminal" active="true" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.32902467" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
<window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" /> <window_info id="Hierarchy" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="2" side_tool="false" content_ui="combo" />
<window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24954791" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
<window_info id="Find" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" /> <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
<window_info id="Favorites" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="true" content_ui="tabs" />
</layout> </layout>
<layout-to-restore> <layout-to-restore>
<window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" /> <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
@ -442,6 +352,9 @@
<window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" /> <window_info id="Debug" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.4" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
</layout-to-restore> </layout-to-restore>
</component> </component>
<component name="TypeScriptGeneratedFilesManager">
<option name="version" value="1" />
</component>
<component name="VcsContentAnnotationSettings"> <component name="VcsContentAnnotationSettings">
<option name="myLimit" value="2678400000" /> <option name="myLimit" value="2678400000" />
</component> </component>
@ -452,51 +365,6 @@
<watches-manager /> <watches-manager />
</component> </component>
<component name="editorHistoryManager"> <component name="editorHistoryManager">
<entry file="file://$PROJECT_DIR$/demo/index.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1632">
<caret line="72" column="1" lean-forward="true" selection-start-line="72" selection-start-column="1" selection-end-line="72" selection-end-column="1" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1320">
<caret line="55" column="22" lean-forward="true" selection-start-line="55" selection-start-column="22" selection-end-line="55" selection-end-column="22" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/index.html">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="456">
<caret line="19" column="84" lean-forward="false" selection-start-line="19" selection-start-column="84" selection-end-line="19" selection-end-column="84" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo7.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="2106">
<caret line="81" column="32" lean-forward="true" selection-start-line="81" selection-start-column="32" selection-end-line="81" selection-end-column="32" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1066">
<caret line="41" column="22" lean-forward="false" selection-start-line="41" selection-start-column="22" selection-end-line="41" selection-end-column="22" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="2088">
<caret line="87" column="1" lean-forward="false" selection-start-line="87" selection-start-column="1" selection-end-line="87" selection-end-column="1" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/demo/index.js"> <entry file="file://$PROJECT_DIR$/demo/index.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="1632"> <state relative-caret-position="1632">
@ -547,13 +415,6 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo12.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo11.js"> <entry file="file://$PROJECT_DIR$/demo/demolist/Demo11.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0"> <state relative-caret-position="0">
@ -575,47 +436,6 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo13.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="364">
<caret line="19" column="13" lean-forward="false" selection-start-line="19" selection-start-column="13" selection-end-line="19" selection-end-column="13" />
<folding>
<element signature="e#92#133#0" expanded="true" />
<marker date="1526978323061" expanded="true" signature="1333:2859" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1356:1506" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1393:1501" ph="{&quot;data13&quot;: data13...}" />
<marker date="1526978323061" expanded="true" signature="1539:1570" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1610:1709" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1661:1687" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1746:1845" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1797:1823" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1865:1931" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1885:1925" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1952:2150" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="1972:2144" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="2015:2138" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="2074:2108" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="2163:2857" ph="{...}" />
<marker date="1526978323061" expanded="true" signature="2184:2214" ph="{&quot;type&quot;: &quot;checkbox&quot;...}" />
<marker date="1526978323061" expanded="true" signature="2235:2846" ph="&lt;div/&gt;" />
<marker date="1526978323061" expanded="true" signature="2249:2356" ph="&lt;Button/&gt;" />
<marker date="1526978323061" expanded="true" signature="2365:2545" ph="&lt;Button/&gt;" />
<marker date="1526978323061" expanded="true" signature="2554:2833" ph="&lt;ComplexTable/&gt;" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo14.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="408">
<caret line="33" column="17" lean-forward="false" selection-start-line="33" selection-start-column="17" selection-end-line="33" selection-end-column="17" />
<folding>
<element signature="n#!!doc" expanded="true" />
<element signature="e#87#119#0" expanded="true" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo5.js"> <entry file="file://$PROJECT_DIR$/demo/demolist/Demo5.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="459"> <state relative-caret-position="459">
@ -721,13 +541,6 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo16.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="66">
<caret line="49" column="19" lean-forward="false" selection-start-line="49" selection-start-column="2" selection-end-line="49" selection-end-column="19" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/Table.js"> <entry file="file://$PROJECT_DIR$/src/Table.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="6816"> <state relative-caret-position="6816">
@ -736,13 +549,6 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/render/SelectRender.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-528">
<caret line="57" column="29" lean-forward="false" selection-start-line="57" selection-start-column="29" selection-end-line="57" selection-end-column="29" />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/package.json"> <entry file="file://$PROJECT_DIR$/package.json">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-261"> <state relative-caret-position="-261">
@ -751,37 +557,25 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/docs/mixin.md" />
<entry file="file://$PROJECT_DIR$/docs/mixin_en.md" /> <entry file="file://$PROJECT_DIR$/docs/mixin_en.md" />
<entry file="file://$PROJECT_DIR$/docs/rendertype.md" /> <entry file="file://$PROJECT_DIR$/build/index.js">
<entry file="file://$PROJECT_DIR$/docs/api.md" />
<entry file="file://$PROJECT_DIR$/src/lib/dragColumn.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0"> <state relative-caret-position="234">
<caret line="0" column="41" lean-forward="false" selection-start-line="0" selection-start-column="41" selection-end-line="0" selection-end-column="41" /> <caret line="9" column="23" lean-forward="false" selection-start-line="9" selection-start-column="23" selection-end-line="9" selection-end-column="23" />
<folding />
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/lib/multiSelect.js"> <entry file="file://$PROJECT_DIR$/src/lib/util.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0"> <state relative-caret-position="0">
<caret line="0" column="41" lean-forward="false" selection-start-line="0" selection-start-column="41" selection-end-line="0" selection-end-column="41" /> <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/lib/sort.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="152">
<caret line="7" column="3" lean-forward="true" selection-start-line="7" selection-start-column="3" selection-end-line="7" selection-end-column="3" />
<folding> <folding>
<element signature="e#0#41#0" expanded="true" /> <element signature="n#!!doc" expanded="false" />
</folding> </folding>
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/lib/sum.js"> <entry file="file://$PROJECT_DIR$/src/render/RadioRender.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0"> <state relative-caret-position="0">
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" /> <caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
@ -789,39 +583,192 @@
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/build/index.js"> <entry file="file://$PROJECT_DIR$/demo/demolist/Demo23.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="234"> <state relative-caret-position="72">
<caret line="9" column="23" lean-forward="false" selection-start-line="9" selection-start-column="23" selection-end-line="9" selection-end-column="23" /> <caret line="7" column="30" lean-forward="false" selection-start-line="7" selection-start-column="30" selection-end-line="7" selection-end-column="30" />
<folding /> <folding />
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/lib/filterColumn.js"> <entry file="file://$PROJECT_DIR$/demo/demolist/Demo16.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-2413"> <state relative-caret-position="125">
<caret line="6" column="18" lean-forward="false" selection-start-line="6" selection-start-column="18" selection-end-line="6" selection-end-column="18" /> <caret line="38" column="0" lean-forward="false" selection-start-line="38" selection-start-column="0" selection-end-line="38" selection-end-column="0" />
<folding>
<element signature="e#70#111#0" expanded="false" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo13.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="218">
<caret line="58" column="51" lean-forward="false" selection-start-line="58" selection-start-column="51" selection-end-line="58" selection-end-column="51" />
<folding>
<element signature="e#92#133#0" expanded="false" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo12.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-1372">
<caret line="8" column="7" lean-forward="false" selection-start-line="8" selection-start-column="7" selection-end-line="8" selection-end-column="7" />
<folding>
<element signature="e#89#130#0" expanded="false" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo14.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="281">
<caret line="18" column="0" lean-forward="false" selection-start-line="18" selection-start-column="0" selection-end-line="24" selection-end-column="48" />
<folding /> <folding />
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/render/CheckboxRender.js"> <entry file="file://$PROJECT_DIR$/demo/demolist/Demo19.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="78"> <state relative-caret-position="247">
<caret line="3" column="13" lean-forward="false" selection-start-line="3" selection-start-column="13" selection-end-line="3" selection-end-column="13" /> <caret line="17" column="62" lean-forward="true" selection-start-line="17" selection-start-column="62" selection-end-line="17" selection-end-column="62" />
<folding>
<element signature="e#87#119#0" expanded="false" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/lib/multiSelect.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="297">
<caret line="24" column="35" lean-forward="false" selection-start-line="24" selection-start-column="24" selection-end-line="24" selection-end-column="35" />
<folding /> <folding />
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/src/render/DateRender.js"> <entry file="file://$PROJECT_DIR$/docs/api.md">
<provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
<state split_layout="SPLIT">
<first_editor relative-caret-position="-1339">
<caret line="0" column="0" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
<folding />
</first_editor>
<second_editor />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/lib/sort.js">
<provider selected="true" editor-type-id="text-editor"> <provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="468"> <state relative-caret-position="0">
<caret line="56" column="24" lean-forward="false" selection-start-line="56" selection-start-column="14" selection-end-line="56" selection-end-column="24" /> <caret line="0" column="41" lean-forward="false" selection-start-line="0" selection-start-column="41" selection-end-line="0" selection-end-column="41" />
<folding>
<marker date="1526985060619" expanded="true" signature="43:107" ph="/** 参数：prefixCls，默认bee-table,用于设置图标的样式 ...*/" />
</folding>
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/lib/sum.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="0">
<caret line="0" column="26" lean-forward="true" selection-start-line="0" selection-start-column="26" selection-end-line="0" selection-end-column="26" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/lib/dragColumn.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="-1842">
<caret line="11" column="14" lean-forward="false" selection-start-line="11" selection-start-column="14" selection-end-line="11" selection-end-column="14" />
<folding> <folding>
<element signature="e#0#41#0" expanded="true" /> <element signature="e#0#41#0" expanded="true" />
</folding> </folding>
</state> </state>
</provider> </provider>
</entry> </entry>
<entry file="file://$PROJECT_DIR$/demo/demolist/Demo21.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="204">
<caret line="50" column="6" lean-forward="false" selection-start-line="50" selection-start-column="6" selection-end-line="50" selection-end-column="6" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/lib/filterColumn.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="216">
<caret line="9" column="36" lean-forward="false" selection-start-line="9" selection-start-column="24" selection-end-line="9" selection-end-column="36" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/docs/mixin.md">
<provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
<state split_layout="SPLIT">
<first_editor relative-caret-position="391">
<caret line="108" column="1" lean-forward="true" selection-start-line="108" selection-start-column="1" selection-end-line="108" selection-end-column="1" />
<folding>
<marker date="1526987804056" expanded="true" signature="907:1002" ph="..." />
<marker date="1526987804056" expanded="true" signature="1247:1324" ph="..." />
<marker date="1526987804056" expanded="true" signature="1251:1324" ph="..." />
<marker date="1526987804056" expanded="true" signature="1561:1630" ph="..." />
<marker date="1526987804056" expanded="true" signature="1564:1595" ph="..." />
<marker date="1526987804056" expanded="true" signature="2089:2172" ph="..." />
<marker date="1526987804056" expanded="true" signature="2099:2172" ph="..." />
<marker date="1526987804056" expanded="true" signature="2295:2407" ph="..." />
</folding>
</first_editor>
<second_editor />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/render/DateRender.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="120">
<caret line="6" column="25" lean-forward="false" selection-start-line="6" selection-start-column="15" selection-end-line="6" selection-end-column="25" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/render/InputRender.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="216">
<caret line="10" column="53" lean-forward="true" selection-start-line="10" selection-start-column="36" selection-end-line="10" selection-end-column="53" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/render/SelectRender.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="72">
<caret line="4" column="8" lean-forward="false" selection-start-line="4" selection-start-column="8" selection-end-line="4" selection-end-column="8" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/src/render/CheckboxRender.js">
<provider selected="true" editor-type-id="text-editor">
<state relative-caret-position="417">
<caret line="20" column="35" lean-forward="false" selection-start-line="20" selection-start-column="27" selection-end-line="20" selection-end-column="35" />
<folding />
</state>
</provider>
</entry>
<entry file="file://$PROJECT_DIR$/docs/rendertype.md">
<provider selected="true" editor-type-id="split-provider[text-editor;markdown-preview-editor]">
<state split_layout="SPLIT">
<first_editor relative-caret-position="341">
<caret line="110" column="0" lean-forward="true" selection-start-line="110" selection-start-column="0" selection-end-line="110" selection-end-column="0" />
<folding>
<marker date="1526989065954" expanded="true" signature="1731:1835" ph="..." />
<marker date="1526989065954" expanded="true" signature="2397:2531" ph="..." />
<marker date="1526989065954" expanded="true" signature="3046:3140" ph="..." />
<marker date="1526989065954" expanded="true" signature="3578:3678" ph="..." />
</folding>
</first_editor>
<second_editor />
</state>
</provider>
</entry>
</component> </component>
</project> </project>

10
build/Table.css
View File

@ -188,7 +188,7 @@
background: rgb(227,242,253); } background: rgb(227,242,253); }
.u-table th, .u-table th,
.u-table td { .u-table td {
padding: 16px 8px; padding: 12px 8px;
word-break: break-all; } word-break: break-all; }
.u-table-row-hover { .u-table-row-hover {
background: #e3f2fd; } background: #e3f2fd; }
@ -223,19 +223,19 @@
overflow-y: auto; overflow-y: auto;
box-sizing: border-box; } box-sizing: border-box; }
.u-table-title { .u-table-title {
padding: 16px 8px; padding: 12px 8px;
border-top: 1px solid #e9e9e9; } border-top: 1px solid #e9e9e9; }
.u-table-content { .u-table-content {
position: relative; } position: relative; }
.u-table-footer { .u-table-footer {
padding: 16px 8px; padding: 12px 8px;
border-bottom: 1px solid #e9e9e9; } border-bottom: 1px solid #e9e9e9; }
.u-table-footer .u-table-scroll { .u-table-footer .u-table-scroll {
overflow-x: hidden; } overflow-x: hidden; }
.u-table-footer .u-table { .u-table-footer .u-table {
margin: -16px -8px; } margin: -12px -8px; }
.u-table-placeholder { .u-table-placeholder {
padding: 16px 8px; padding: 12px 8px;
background: #fff; background: #fff;
border-bottom: 1px solid #e9e9e9; border-bottom: 1px solid #e9e9e9;
text-align: center; text-align: center;

20
build/lib/dragColumn.js
View File

@ -12,14 +12,6 @@ var _react = require("react");
var _react2 = _interopRequireDefault(_react); var _react2 = _interopRequireDefault(_react);
var _beeIcon = require("bee-icon");
var _beeIcon2 = _interopRequireDefault(_beeIcon);
var _reactDom = require("react-dom");
var _reactDom2 = _interopRequireDefault(_reactDom);
var _util = require("./util"); var _util = require("./util");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
@ -41,10 +33,10 @@ function dragColumn(Table) {
var _class, _temp, _initialiseProps; var _class, _temp, _initialiseProps;
return _temp = _class = function (_Component) { return _temp = _class = function (_Component) {
_inherits(dragColumn, _Component); _inherits(DragColumn, _Component);
function dragColumn(props) { function DragColumn(props) {
_classCallCheck(this, dragColumn); _classCallCheck(this, DragColumn);
var _this = _possibleConstructorReturn(this, _Component.call(this, props)); var _this = _possibleConstructorReturn(this, _Component.call(this, props));
@ -56,13 +48,13 @@ function dragColumn(Table) {
return _this; return _this;
} }
dragColumn.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { DragColumn.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if (nextProps.columns != this.props.columns) { if (nextProps.columns != this.props.columns) {
this.setColumOrderByIndex(); this.setColumOrderByIndex();
} }
}; };
dragColumn.prototype.render = function render() { DragColumn.prototype.render = function render() {
var _props = this.props, var _props = this.props,
data = _props.data, data = _props.data,
dragborder = _props.dragborder, dragborder = _props.dragborder,
@ -82,7 +74,7 @@ function dragColumn(Table) {
})); }));
}; };
return dragColumn; return DragColumn;
}(_react.Component), _initialiseProps = function _initialiseProps() { }(_react.Component), _initialiseProps = function _initialiseProps() {
var _this2 = this; var _this2 = this;

37
build/lib/filterColumn.js
View File

@ -12,22 +12,6 @@ var _react = require("react");
var _react2 = _interopRequireDefault(_react); var _react2 = _interopRequireDefault(_react);
var _beeIcon = require("bee-icon");
var _beeIcon2 = _interopRequireDefault(_beeIcon);
var _beeCheckbox = require("bee-checkbox");
var _beeCheckbox2 = _interopRequireDefault(_beeCheckbox);
var _reactDom = require("react-dom");
var _reactDom2 = _interopRequireDefault(_reactDom);
var _beePopover = require("bee-popover");
var _beePopover2 = _interopRequireDefault(_beePopover);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@ -41,16 +25,19 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
/** /**
* 参数: 过滤表头 * 参数: 过滤表头
* @param {*} Table * @param {*} Table
* @param {*} Checkbox
* @param {*} Popover
* @param {*} Icon
*/ */
function filterColumn(Table) { function filterColumn(Table, Checkbox, Popover, Icon) {
var _class, _temp, _initialiseProps; var _class, _temp, _initialiseProps;
return _temp = _class = function (_Component) { return _temp = _class = function (_Component) {
_inherits(filterColumn, _Component); _inherits(FilterColumn, _Component);
function filterColumn(props) { function FilterColumn(props) {
_classCallCheck(this, filterColumn); _classCallCheck(this, FilterColumn);
var _this = _possibleConstructorReturn(this, _Component.call(this, props)); var _this = _possibleConstructorReturn(this, _Component.call(this, props));
@ -74,7 +61,7 @@ function filterColumn(Table) {
return _this; return _this;
} }
filterColumn.prototype.render = function render() { FilterColumn.prototype.render = function render() {
var _props = this.props, var _props = this.props,
data = _props.data, data = _props.data,
prefixCls = _props.prefixCls; prefixCls = _props.prefixCls;
@ -112,7 +99,7 @@ function filterColumn(Table) {
{ className: prefixCls + "-cont" }, { className: prefixCls + "-cont" },
_react2["default"].createElement(Table, _extends({}, this.props, { columns: _columns, data: data })), _react2["default"].createElement(Table, _extends({}, this.props, { columns: _columns, data: data })),
_react2["default"].createElement( _react2["default"].createElement(
_beePopover2["default"], Popover,
{ {
placement: "leftTop", placement: "leftTop",
content: content, id: "aa", content: content, id: "aa",
@ -120,13 +107,13 @@ function filterColumn(Table) {
_react2["default"].createElement( _react2["default"].createElement(
"div", "div",
{ className: prefixCls + "-pop-column-filter" }, { className: prefixCls + "-pop-column-filter" },
_react2["default"].createElement(_beeIcon2["default"], { type: "uf-navmenu", onClick: this.openCloumList }) _react2["default"].createElement(Icon, { type: "uf-navmenu", onClick: this.openCloumList })
) )
) )
); );
}; };
return filterColumn; return FilterColumn;
}(_react.Component), _class.defaultProps = { }(_react.Component), _class.defaultProps = {
prefixCls: "u-table-filter-column" prefixCls: "u-table-filter-column"
}, _initialiseProps = function _initialiseProps() { }, _initialiseProps = function _initialiseProps() {
@ -169,7 +156,7 @@ function filterColumn(Table) {
{ key: da.key + "_" + i, className: prefixCls + "-pop-cont-item", onClick: function onClick() { { key: da.key + "_" + i, className: prefixCls + "-pop-cont-item", onClick: function onClick() {
_this2.checkedColumItemClick(da); _this2.checkedColumItemClick(da);
} }, } },
_react2["default"].createElement(_beeCheckbox2["default"], { id: da.key, checked: da.checked }), _react2["default"].createElement(Checkbox, { id: da.key, checked: da.checked }),
_react2["default"].createElement( _react2["default"].createElement(
"span", "span",
null, null,

64
build/lib/multiSelect.js
View File

@ -1,4 +1,4 @@
"use strict"; 'use strict';
Object.defineProperty(exports, "__esModule", { Object.defineProperty(exports, "__esModule", {
value: true value: true
@ -8,14 +8,10 @@ var _extends = Object.assign || function (target) { for (var i = 1; i < argument
exports["default"] = multiSelect; exports["default"] = multiSelect;
var _react = require("react"); var _react = require('react');
var _react2 = _interopRequireDefault(_react); var _react2 = _interopRequireDefault(_react);
var _beeCheckbox = require("bee-checkbox");
var _beeCheckbox2 = _interopRequireDefault(_beeCheckbox);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@ -28,6 +24,20 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
function indexOf(array, val) {
for (var i = 0; i < array.length; i++) {
if (array[i] === val) return i;
}
return -1;
};
function remove(array, val) {
var index = indexOf(array, val);
if (index > -1) {
array.splice(index, 1);
}
};
/** /**
* multiSelect={ * multiSelect={
* type--默认值为checkbox * type--默认值为checkbox
@ -36,26 +46,14 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
* getSelectedDataFunc--function，能获取到选中的数据 * getSelectedDataFunc--function，能获取到选中的数据
* 使用全选时得注意，data中的key值一定要是唯一值 * 使用全选时得注意，data中的key值一定要是唯一值
*/ */
function multiSelect(Table) { function multiSelect(Table, Checkbox) {
var _class, _temp, _initialiseProps; var _class, _temp, _initialiseProps;
Array.prototype.indexOf = function (val) {
for (var i = 0; i < this.length; i++) {
if (this[i] == val) return i;
}
return -1;
};
Array.prototype.remove = function (val) {
var index = this.indexOf(val);
if (index > -1) {
this.splice(index, 1);
}
};
return _temp = _class = function (_Component) { return _temp = _class = function (_Component) {
_inherits(multiSelect, _Component); _inherits(MultiSelect, _Component);
function multiSelect(props) { function MultiSelect(props) {
_classCallCheck(this, multiSelect); _classCallCheck(this, MultiSelect);
var _this = _possibleConstructorReturn(this, _Component.call(this, props)); var _this = _possibleConstructorReturn(this, _Component.call(this, props));
@ -70,11 +68,11 @@ function multiSelect(Table) {
return _this; return _this;
} }
multiSelect.prototype.componentDidMount = function componentDidMount() { MultiSelect.prototype.componentDidMount = function componentDidMount() {
this.setState(this.initCheckedObj(this.props)); this.setState(this.initCheckedObj(this.props));
}; };
multiSelect.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { MultiSelect.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
var props = this.props, var props = this.props,
selectDisabled = props.selectDisabled, selectDisabled = props.selectDisabled,
selectedRow = props.selectedRow, selectedRow = props.selectedRow,
@ -96,7 +94,7 @@ function multiSelect(Table) {
} }
}; };
multiSelect.prototype.renderColumnsMultiSelect = function renderColumnsMultiSelect(columns) { MultiSelect.prototype.renderColumnsMultiSelect = function renderColumnsMultiSelect(columns) {
var _this2 = this; var _this2 = this;
var data = this.state.data; var data = this.state.data;
@ -119,8 +117,8 @@ function multiSelect(Table) {
} }
} }
var defaultColumns = [{ var defaultColumns = [{
title: _react2["default"].createElement(_beeCheckbox2["default"], { title: _react2["default"].createElement(Checkbox, {
className: "table-checkbox", className: 'table-checkbox',
checked: this.state.checkedAll, checked: this.state.checkedAll,
indeterminate: indeterminate_bool && !this.state.checkedAll, indeterminate: indeterminate_bool && !this.state.checkedAll,
onChange: this.onAllCheckChange onChange: this.onAllCheckChange
@ -131,8 +129,8 @@ function multiSelect(Table) {
render: function render(text, record, index) { render: function render(text, record, index) {
var rowKey = record["key"] ? record["key"] : _this2.getRowKey(record, i); var rowKey = record["key"] ? record["key"] : _this2.getRowKey(record, i);
var bool = checkedObj.hasOwnProperty(rowKey); var bool = checkedObj.hasOwnProperty(rowKey);
return _react2["default"].createElement(_beeCheckbox2["default"], { return _react2["default"].createElement(Checkbox, {
className: "table-checkbox", className: 'table-checkbox',
checked: checkedObj[rowKey], checked: checkedObj[rowKey],
disabled: !bool, disabled: !bool,
onClick: _this2.handleClick, onClick: _this2.handleClick,
@ -145,7 +143,7 @@ function multiSelect(Table) {
return columns; return columns;
}; };
multiSelect.prototype.render = function render() { MultiSelect.prototype.render = function render() {
var _this3 = this; var _this3 = this;
var columns = this.renderColumnsMultiSelect(this.props.columns).concat(); var columns = this.renderColumnsMultiSelect(this.props.columns).concat();
@ -154,7 +152,7 @@ function multiSelect(Table) {
} }, this.props, { columns: columns })); } }, this.props, { columns: columns }));
}; };
return multiSelect; return MultiSelect;
}(_react.Component), _initialiseProps = function _initialiseProps() { }(_react.Component), _initialiseProps = function _initialiseProps() {
var _this4 = this; var _this4 = this;
@ -246,7 +244,7 @@ function multiSelect(Table) {
var rowKey = record["key"] ? record["key"] : _this4.getRowKey(record, i); var rowKey = record["key"] ? record["key"] : _this4.getRowKey(record, i);
if (checkedObj[rowKey]) { if (checkedObj[rowKey]) {
selIds.remove(id); remove(selIds, id);
} else { } else {
selIds.push(id); selIds.push(id);
} }
@ -274,4 +272,4 @@ function multiSelect(Table) {
}; };
}, _temp; }, _temp;
} }
module.exports = exports["default"]; module.exports = exports['default'];

25
build/lib/sort.js
View File

@ -12,10 +12,6 @@ var _react = require("react");
var _react2 = _interopRequireDefault(_react); var _react2 = _interopRequireDefault(_react);
var _beeIcon = require("bee-icon");
var _beeIcon2 = _interopRequireDefault(_beeIcon);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@ -29,13 +25,14 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
/** /**
* 参数：prefixCls，默认bee-table,用于设置图标的样式 * 参数：prefixCls，默认bee-table,用于设置图标的样式
* @param {*} Table * @param {*} Table
* @param {*} Icon
*/ */
function sort(Table) { function sort(Table, Icon) {
return function (_Component) { return function (_Component) {
_inherits(Demo11, _Component); _inherits(SortTable, _Component);
function Demo11(props) { function SortTable(props) {
_classCallCheck(this, Demo11); _classCallCheck(this, SortTable);
var _this = _possibleConstructorReturn(this, _Component.call(this, props)); var _this = _possibleConstructorReturn(this, _Component.call(this, props));
@ -87,7 +84,7 @@ function sort(Table) {
return _this; return _this;
} }
Demo11.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) { SortTable.prototype.componentWillReceiveProps = function componentWillReceiveProps(nextProps) {
if (nextProps.data !== this.props.data) { if (nextProps.data !== this.props.data) {
this.setState({ this.setState({
sortOrder: "", sortOrder: "",
@ -97,7 +94,7 @@ function sort(Table) {
} }
}; };
Demo11.prototype.renderColumnsDropdown = function renderColumnsDropdown(columns) { SortTable.prototype.renderColumnsDropdown = function renderColumnsDropdown(columns) {
var _this2 = this; var _this2 = this;
var sortOrder = this.state.sortOrder; var sortOrder = this.state.sortOrder;
@ -121,7 +118,7 @@ function sort(Table) {
return _this2.toggleSortOrder("ascend", column); return _this2.toggleSortOrder("ascend", column);
} }
}, },
_react2["default"].createElement(_beeIcon2["default"], { type: "uf-triangle-up" }) _react2["default"].createElement(Icon, { type: "uf-triangle-up" })
), ),
_react2["default"].createElement( _react2["default"].createElement(
"span", "span",
@ -132,7 +129,7 @@ function sort(Table) {
return _this2.toggleSortOrder("descend", column); return _this2.toggleSortOrder("descend", column);
} }
}, },
_react2["default"].createElement(_beeIcon2["default"], { type: "uf-triangle-down" }) _react2["default"].createElement(Icon, { type: "uf-triangle-down" })
) )
); );
} }
@ -146,12 +143,12 @@ function sort(Table) {
}); });
}; };
Demo11.prototype.render = function render() { SortTable.prototype.render = function render() {
var columns = this.renderColumnsDropdown(this.props.columns.concat()); var columns = this.renderColumnsDropdown(this.props.columns.concat());
return _react2["default"].createElement(Table, _extends({}, this.props, { columns: columns, data: this.state.data })); return _react2["default"].createElement(Table, _extends({}, this.props, { columns: columns, data: this.state.data }));
}; };
return Demo11; return SortTable;
}(_react.Component); }(_react.Component);
} }
module.exports = exports["default"]; module.exports = exports["default"];

27
build/render/CheckboxRender.js
View File

@ -3,19 +3,12 @@
Object.defineProperty(exports, "__esModule", { Object.defineProperty(exports, "__esModule", {
value: true value: true
}); });
exports["default"] = renderCheckbox;
var _react = require("react"); var _react = require("react");
var _react2 = _interopRequireDefault(_react); var _react2 = _interopRequireDefault(_react);
var _beeIcon = require("bee-icon");
var _beeIcon2 = _interopRequireDefault(_beeIcon);
var _beeCheckbox = require("bee-checkbox");
var _beeCheckbox2 = _interopRequireDefault(_beeCheckbox);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@ -26,7 +19,14 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var CheckboxRender = function (_Component) { /**
* 渲染checkbox
* @param Checkbox
* @param Icon
* @returns {CheckboxRender}
*/
function renderCheckbox(Checkbox, Icon) {
return function (_Component) {
_inherits(CheckboxRender, _Component); _inherits(CheckboxRender, _Component);
function CheckboxRender() { function CheckboxRender() {
@ -69,7 +69,7 @@ var CheckboxRender = function (_Component) {
cellContent = _react2["default"].createElement( cellContent = _react2["default"].createElement(
"div", "div",
{ className: "editable-cell-input-wrapper" }, { className: "editable-cell-input-wrapper" },
_react2["default"].createElement(_beeCheckbox2["default"], { _react2["default"].createElement(Checkbox, {
onChange: this.handleChange, onChange: this.handleChange,
onKeyDown: this.handleKeydown, onKeyDown: this.handleKeydown,
onBlur: this.check, onBlur: this.check,
@ -82,7 +82,7 @@ var CheckboxRender = function (_Component) {
"div", "div",
{ className: "editable-cell-text-wrapper" }, { className: "editable-cell-text-wrapper" },
value || " ", value || " ",
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-pencil", type: "uf-pencil",
className: "editable-cell-icon", className: "editable-cell-icon",
onClick: this.edit onClick: this.edit
@ -97,7 +97,6 @@ var CheckboxRender = function (_Component) {
}; };
return CheckboxRender; return CheckboxRender;
}(_react.Component); }(_react.Component);
}
exports["default"] = CheckboxRender;
module.exports = exports["default"]; module.exports = exports["default"];

40
build/render/DateRender.js
View File

@ -6,18 +6,12 @@ Object.defineProperty(exports, "__esModule", {
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports["default"] = renderDate;
var _react = require("react"); var _react = require("react");
var _react2 = _interopRequireDefault(_react); var _react2 = _interopRequireDefault(_react);
var _beeIcon = require("bee-icon");
var _beeIcon2 = _interopRequireDefault(_beeIcon);
var _beeDatepicker = require("bee-datepicker");
var _beeDatepicker2 = _interopRequireDefault(_beeDatepicker);
var _moment = require("moment"); var _moment = require("moment");
var _moment2 = _interopRequireDefault(_moment); var _moment2 = _interopRequireDefault(_moment);
@ -32,11 +26,14 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var MonthPicker = _beeDatepicker2["default"].MonthPicker, function renderDate(DatePicker, Icon) {
RangePicker = _beeDatepicker2["default"].RangePicker, var _class, _temp2;
WeekPicker = _beeDatepicker2["default"].WeekPicker;
var DateRender = function (_Component) { var MonthPicker = DatePicker.MonthPicker,
RangePicker = DatePicker.RangePicker,
WeekPicker = DatePicker.WeekPicker;
return _temp2 = _class = function (_Component) {
_inherits(DateRender, _Component); _inherits(DateRender, _Component);
function DateRender() { function DateRender() {
@ -95,10 +92,10 @@ var DateRender = function (_Component) {
TComponent = WeekPicker; TComponent = WeekPicker;
break; break;
default: default:
TComponent = _beeDatepicker2["default"]; TComponent = DatePicker;
break; break;
} }
TComponent;
var date_value = value ? (0, _moment2["default"])(value) : value; var date_value = value ? (0, _moment2["default"])(value) : value;
if (editable) { if (editable) {
cellContent = isclickTrigger ? _react2["default"].createElement( cellContent = isclickTrigger ? _react2["default"].createElement(
@ -108,7 +105,7 @@ var DateRender = function (_Component) {
value: date_value, value: date_value,
onChange: this.handleChange onChange: this.handleChange
})), })),
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-correct", type: "uf-correct",
className: "editable-cell-icon-check", className: "editable-cell-icon-check",
onClick: this.check onClick: this.check
@ -120,7 +117,7 @@ var DateRender = function (_Component) {
value: date_value, value: date_value,
onChange: this.handleChange onChange: this.handleChange
})), })),
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-correct", type: "uf-correct",
className: "editable-cell-icon-check", className: "editable-cell-icon-check",
onClick: this.check onClick: this.check
@ -135,7 +132,7 @@ var DateRender = function (_Component) {
"div", "div",
{ className: "editable-cell-text-wrapper" }, { className: "editable-cell-text-wrapper" },
value || " ", value || " ",
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-pencil", type: "uf-pencil",
className: "editable-cell-icon", className: "editable-cell-icon",
onClick: this.edit onClick: this.edit
@ -150,11 +147,8 @@ var DateRender = function (_Component) {
}; };
return DateRender; return DateRender;
}(_react.Component); }(_react.Component), _class.defaultProps = {
exports["default"] = DateRender;
DateRender.defaultProps = {
type: "DatePicker" type: "DatePicker"
}; }, _temp2;
}
module.exports = exports["default"]; module.exports = exports["default"];

64
build/render/InputRender.js
View File

@ -6,26 +6,12 @@ Object.defineProperty(exports, "__esModule", {
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports["default"] = renderInput;
var _react = require("react"); var _react = require("react");
var _react2 = _interopRequireDefault(_react); var _react2 = _interopRequireDefault(_react);
var _beeIcon = require("bee-icon");
var _beeIcon2 = _interopRequireDefault(_beeIcon);
var _beeFormControl = require("bee-form-control");
var _beeFormControl2 = _interopRequireDefault(_beeFormControl);
var _beeForm = require("bee-form");
var _beeForm2 = _interopRequireDefault(_beeForm);
var _beeTooltip = require("bee-tooltip");
var _beeTooltip2 = _interopRequireDefault(_beeTooltip);
var _propTypes = require("prop-types"); var _propTypes = require("prop-types");
var _propTypes2 = _interopRequireDefault(_propTypes); var _propTypes2 = _interopRequireDefault(_propTypes);
@ -42,17 +28,17 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = { /**
check: _propTypes2["default"].func * 渲染输入框
}; * @param Form
* @param Input
* @param Icon
* @returns {InputRender}
*/
function renderInput(Form, Input, Icon) {
var _class, _temp2;
var defaultProps = { return _temp2 = _class = function (_Component) {
check: function check() {
return "";
}
};
var InputRender = function (_Component) {
_inherits(InputRender, _Component); _inherits(InputRender, _Component);
function InputRender() { function InputRender() {
@ -128,7 +114,7 @@ var InputRender = function (_Component) {
"div", "div",
{ className: "editable-cell-input-wrapper" }, { className: "editable-cell-input-wrapper" },
_react2["default"].createElement( _react2["default"].createElement(
_beeForm2["default"].FormItem, Form.FormItem,
_extends({ _extends({
className: "formItem-style " + formItemClassName, className: "formItem-style " + formItemClassName,
mesClassName: "errMessage-style " + mesClassName, mesClassName: "errMessage-style " + mesClassName,
@ -136,7 +122,7 @@ var InputRender = function (_Component) {
blur: this.check, blur: this.check,
check: this.checkValidate check: this.checkValidate
}, other), }, other),
_react2["default"].createElement(_beeFormControl2["default"], { _react2["default"].createElement(Input, {
name: name, name: name,
placeholder: placeholder, placeholder: placeholder,
onKeyDown: this.handleKeydown, onKeyDown: this.handleKeydown,
@ -148,7 +134,7 @@ var InputRender = function (_Component) {
"div", "div",
{ className: "editable-cell-input-wrapper" }, { className: "editable-cell-input-wrapper" },
_react2["default"].createElement( _react2["default"].createElement(
_beeForm2["default"].FormItem, Form.FormItem,
_extends({ _extends({
className: "formItem-style " + formItemClassName, className: "formItem-style " + formItemClassName,
mesClassName: "errMessage-style " + mesClassName, mesClassName: "errMessage-style " + mesClassName,
@ -156,7 +142,7 @@ var InputRender = function (_Component) {
blur: this.check, blur: this.check,
check: this.checkValidate check: this.checkValidate
}, other), }, other),
_react2["default"].createElement(_beeFormControl2["default"], { _react2["default"].createElement(Input, {
name: name, name: name,
placeholder: placeholder, placeholder: placeholder,
onKeyDown: this.handleKeydown, onKeyDown: this.handleKeydown,
@ -164,7 +150,7 @@ var InputRender = function (_Component) {
value: value value: value
}) })
), ),
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-correct", type: "uf-correct",
className: "editable-cell-icon-check", className: "editable-cell-icon-check",
onClick: this.check onClick: this.check
@ -182,7 +168,7 @@ var InputRender = function (_Component) {
"div", "div",
{ className: "editable-cell-text-wrapper" }, { className: "editable-cell-text-wrapper" },
value || " ", value || " ",
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-pencil", type: "uf-pencil",
className: "editable-cell-icon", className: "editable-cell-icon",
onClick: this.edit onClick: this.edit
@ -197,10 +183,12 @@ var InputRender = function (_Component) {
}; };
return InputRender; return InputRender;
}(_react.Component); }(_react.Component), _class.propTypes = {
check: _propTypes2["default"].func
exports["default"] = InputRender; }, _class.defaultProps = {
check: function check() {
InputRender.PropTypes = propTypes; return "";
InputRender.defaultProps = defaultProps; }
}, _temp2;
}
module.exports = exports["default"]; module.exports = exports["default"];

42
build/render/SelectRender.js
View File

@ -6,6 +6,8 @@ Object.defineProperty(exports, "__esModule", {
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports["default"] = renderSelect;
var _react = require("react"); var _react = require("react");
var _react2 = _interopRequireDefault(_react); var _react2 = _interopRequireDefault(_react);
@ -14,14 +16,6 @@ var _propTypes = require("prop-types");
var _propTypes2 = _interopRequireDefault(_propTypes); var _propTypes2 = _interopRequireDefault(_propTypes);
var _beeIcon = require("bee-icon");
var _beeIcon2 = _interopRequireDefault(_beeIcon);
var _beeSelect = require("bee-select");
var _beeSelect2 = _interopRequireDefault(_beeSelect);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; } function _defaults(obj, defaults) { var keys = Object.getOwnPropertyNames(defaults); for (var i = 0; i < keys.length; i++) { var key = keys[i]; var value = Object.getOwnPropertyDescriptor(defaults, key); if (value && value.configurable && obj[key] === undefined) { Object.defineProperty(obj, key, value); } } return obj; }
@ -32,11 +26,16 @@ function _possibleConstructorReturn(self, call) { if (!self) { throw new Referen
function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : _defaults(subClass, superClass); }
var propTypes = { /**
dataSource: _propTypes2["default"].array * 渲染下拉框
}; * @param Select
* @param Icon
* @returns {SelectRender}
*/
function renderSelect(Select, Icon) {
var _class, _temp2;
var SelectRender = function (_Component) { return _temp2 = _class = function (_Component) {
_inherits(SelectRender, _Component); _inherits(SelectRender, _Component);
function SelectRender() { function SelectRender() {
@ -86,7 +85,7 @@ var SelectRender = function (_Component) {
"div", "div",
{ className: "editable-cell-input-wrapper" }, { className: "editable-cell-input-wrapper" },
_react2["default"].createElement( _react2["default"].createElement(
_beeSelect2["default"], Select,
_extends({}, this.props, { _extends({}, this.props, {
value: this.state.value, value: this.state.value,
onBlur: function onBlur(value) { onBlur: function onBlur(value) {
@ -103,7 +102,7 @@ var SelectRender = function (_Component) {
}), }),
this.props.children this.props.children
), ),
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-correct", type: "uf-correct",
className: "editable-cell-icon-check", className: "editable-cell-icon-check",
onClick: this.check onClick: this.check
@ -112,7 +111,7 @@ var SelectRender = function (_Component) {
"div", "div",
{ className: "editable-cell-input-wrapper" }, { className: "editable-cell-input-wrapper" },
_react2["default"].createElement( _react2["default"].createElement(
_beeSelect2["default"], Select,
_extends({}, this.props, { _extends({}, this.props, {
value: this.state.value, value: this.state.value,
onBlur: function onBlur() { onBlur: function onBlur() {
@ -125,7 +124,7 @@ var SelectRender = function (_Component) {
}), }),
this.props.children this.props.children
), ),
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-correct", type: "uf-correct",
className: "editable-cell-icon-check", className: "editable-cell-icon-check",
onClick: this.check onClick: this.check
@ -149,7 +148,7 @@ var SelectRender = function (_Component) {
"div", "div",
{ className: "editable-cell-text-wrapper" }, { className: "editable-cell-text-wrapper" },
value || " ", value || " ",
_react2["default"].createElement(_beeIcon2["default"], { _react2["default"].createElement(Icon, {
type: "uf-pencil", type: "uf-pencil",
className: "editable-cell-icon", className: "editable-cell-icon",
onClick: this.edit onClick: this.edit
@ -164,9 +163,8 @@ var SelectRender = function (_Component) {
}; };
return SelectRender; return SelectRender;
}(_react.Component); }(_react.Component), _class.propTypes = {
dataSource: _propTypes2["default"].array
exports["default"] = SelectRender; }, _temp2;
}
SelectRender.propTypes = propTypes;
module.exports = exports["default"]; module.exports = exports["default"];

3
demo/demolist/Demo13.js
View File

@ -9,6 +9,7 @@ import React, { Component } from "react";
import Table from "../../src"; import Table from "../../src";
import Checkbox from "bee-checkbox"; import Checkbox from "bee-checkbox";
import Button from "bee-button"; import Button from "bee-button";
import Icon from "bee-icon";
import multiSelect from "../../src/lib/multiSelect.js"; import multiSelect from "../../src/lib/multiSelect.js";
import sort from "../../src/lib/sort.js"; import sort from "../../src/lib/sort.js";
import sum from "../../src/lib/sum.js"; import sum from "../../src/lib/sum.js";
@ -55,7 +56,7 @@ const data13_1 = [
{ a: "郭靖", b: "男", c: 25, d: "大侠", key: "3" } { a: "郭靖", b: "男", c: 25, d: "大侠", key: "3" }
]; ];
//拼接成复杂功能的table组件不能在render中定义，需要像此例子声明在组件的外侧，不然操作state会导致功能出现异常 //拼接成复杂功能的table组件不能在render中定义，需要像此例子声明在组件的外侧，不然操作state会导致功能出现异常
let ComplexTable = multiSelect(sum(sort(Table))); let ComplexTable = multiSelect(sum(sort(Table, Icon)), Checkbox);
class Demo13 extends Component { class Demo13 extends Component {
constructor(props) { constructor(props) {

16
demo/demolist/Demo14.js
View File

@ -5,18 +5,24 @@
* *
*/ */
import Button from "bee-button"; import React from "react";
import React, { Component } from "react";
import Table from "../../src"; import Table from "../../src";
import Animate from "bee-animate"; import Animate from "bee-animate";
import Tooltip from "bee-tooltip"; import Tooltip from "bee-tooltip";
import Button from "bee-button";
import Form from "bee-form";
import Icon from "bee-icon"; import Icon from "bee-icon";
import Input from "bee-form-control"; import Input from "bee-form-control";
import Checkbox from "bee-checkbox"; import Checkbox from "bee-checkbox";
import Datepicker from "bee-datepicker";
import Select from "bee-select"; import Select from "bee-select";
import InputRender from "../../build/render/InputRender.js"; import renderInput from "../../build/render/InputRender.js";
import DateRender from "../../build/render/DateRender.js"; import renderDate from "../../build/render/DateRender.js";
import SelectRender from "../../build/render/SelectRender.js"; import renderSelect from "../../build/render/SelectRender.js";
const InputRender = renderInput(Form, Input, Icon);
const DateRender = renderDate(Datepicker, Icon);
const SelectRender = renderSelect(Select, Icon);
const format = "YYYY-MM-DD"; const format = "YYYY-MM-DD";
const format2 = "YYYY-MM"; const format2 = "YYYY-MM";

2
demo/demolist/Demo16.js
View File

@ -7,7 +7,6 @@
import React, { Component } from "react"; import React, { Component } from "react";
import Table from "../../src"; import Table from "../../src";
import multiSelect from "../../src/lib/multiSelect.js";
const columns16 = [ const columns16 = [
{ title: "用户名", dataIndex: "a", key: "a", width: 100 }, { title: "用户名", dataIndex: "a", key: "a", width: 100 },
@ -38,7 +37,6 @@ const data16 = [
{ a: "郭靖", b: "男", c: 25, d: "操作", key: "3" } { a: "郭靖", b: "男", c: 25, d: "操作", key: "3" }
]; ];
// let Table1 = multiSelect(Table)
class Demo16 extends Component { class Demo16 extends Component {
constructor(props){ constructor(props){

40
demo/demolist/Demo19.js
View File

@ -6,24 +6,22 @@
*/ */
import Button from "bee-button"; import Button from "bee-button";
import React, { Component } from "react"; import React from "react";
import Table from "../../src"; import Table from "../../src";
import Animate from "bee-animate"; import Animate from "bee-animate";
import Tooltip from "bee-tooltip"; import Tooltip from "bee-tooltip";
import Icon from "bee-icon"; import Icon from "bee-icon";
import Input from "bee-form-control"; import Input from "bee-form-control";
import Checkbox from "bee-checkbox"; import Form from "bee-form";
import Select from "bee-select"; import Select from "bee-select";
import InputRender from "../../build/render/InputRender.js"; import renderInput from "../../build/render/InputRender.js";
import DateRender from "../../build/render/DateRender.js"; import renderSelect from "../../build/render/SelectRender.js";
import SelectRender from "../../build/render/SelectRender.js";
const format = "YYYY-MM-DD"; const InputRender = renderInput(Form, Input, Icon);
const format2 = "YYYY-MM"; const SelectRender = renderSelect(Select, Icon);
const format3 = "YYYY-MM-DD HH:mm:ss";
const Option = Select.Option;
const dateInputPlaceholder = "选择日期";
const dateInputPlaceholder2 = "选择年月";
const dataSource = [ const dataSource = [
{ {
key: "boyuzhou", key: "boyuzhou",
@ -155,13 +153,7 @@ class Demo19 extends React.Component {
this.setState({ dataSource }); this.setState({ dataSource });
}; };
}; };
onCheckChange = (index, key) => {
return value => {
const dataSource = [...this.state.dataSource];
dataSource[index][key] = value;
this.setState({ dataSource });
};
};
onSelectChange = (index, key) => { onSelectChange = (index, key) => {
return value => { return value => {
console.log(`selected ${value}`); console.log(`selected ${value}`);
@ -170,19 +162,7 @@ class Demo19 extends React.Component {
this.setState({ dataSource }); this.setState({ dataSource });
}; };
}; };
onDateChange = d => {
console.log(d);
};
onDateSelect = d => {
console.log(d);
};
onDelete = index => {
return () => {
const dataSource = [...this.state.dataSource];
dataSource.splice(index, 1);
this.setState({ dataSource });
};
};
handleAdd = () => { handleAdd = () => {
const { count, dataSource } = this.state; const { count, dataSource } = this.state;
const newData = { const newData = {

4
demo/demolist/Demo21.js
View File

@ -11,6 +11,8 @@ import Table from '../../src';
import filterColumn from '../../src/lib/filterColumn'; import filterColumn from '../../src/lib/filterColumn';
import sum from '../../src/lib/sum'; import sum from '../../src/lib/sum';
import Icon from "bee-icon"; import Icon from "bee-icon";
import Checkbox from 'bee-checkbox';
import Popover from 'bee-popover';
const columns21 = [ const columns21 = [
{ {
@ -46,7 +48,7 @@ const data21 = [
{ a: "郭靖", b: "男", c: 25,d:'大侠', key: "3" } { a: "郭靖", b: "男", c: 25,d:'大侠', key: "3" }
]; ];
const FilterColumnTable = filterColumn(sum(Table)); const FilterColumnTable = filterColumn(sum(Table), Checkbox, Popover, Icon);
const defaultProps21 = { const defaultProps21 = {
prefixCls: "bee-table" prefixCls: "bee-table"

2
demo/index.js
View File

File diff suppressed because one or more lines are too long

16340
dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long

68
docs/mixin.md
View File

@ -6,7 +6,7 @@ Table拓展功能方法。注：拼接成复杂功能的table组件不能在rend
需要单独的去引用相应的js文件，目录在lib文件夹，示例如下： 需要单独的去引用相应的js文件，目录在lib文件夹，示例如下：
```js ```js
import multiSelect from "bee-table/build/lib/multiSelect.js" import multiSelect from "tinper-bee/lib/multiSelect.js";
``` ```
### multiSelect ### multiSelect
@ -25,7 +25,15 @@ import multiSelect from "bee-table/build/lib/multiSelect.js"
| selectedRow | 设置某一行数据是否被选中，使用类似于rowClassName | Function(record, index):bool | 无 | | selectedRow | 设置某一行数据是否被选中，使用类似于rowClassName | Function(record, index):bool | 无 |
#### 使用
```js
import multiSelect from "tinper-bee/lib/multiSelect.js";
import { Table, Checkbox } from 'tinper-bee';
const MultiSelectTable = multiSelect(Table, Checkbox);
```
### sort ### sort
@ -37,7 +45,15 @@ import multiSelect from "bee-table/build/lib/multiSelect.js"
| ------ | ---------- | -------- | ---- | | ------ | ---------- | -------- | ---- |
| sorter | 排序函数，可以自定义 | Function | 无 | | sorter | 排序函数，可以自定义 | Function | 无 |
#### 使用
```js
import sort from "tinper-bee/lib/sort.js";
import { Table, Icon } from 'tinper-bee';
const SortTable = sort(Table, Icon);
```
### sum ### sum
@ -49,5 +65,55 @@ import multiSelect from "bee-table/build/lib/multiSelect.js"
| ------ | ---------- | -------- | ---- | | ------ | ---------- | -------- | ---- |
| sumCol | 该列设置为合计列，合计行中会显示合计数据 | boolean | false | | sumCol | 该列设置为合计列，合计行中会显示合计数据 | boolean | false |
#### 使用
```js
import sum from "tinper-bee/lib/sum.js";
import { Table } from 'tinper-bee';
const SumTable = sum(Table);
```
### dragColumn
拖拽列功能
#### dragColumn新增参数
| 参数 | 说明 | 类型 | 默认值 |
| ------ | ---------- | -------- | ---- |
| dragborder | 显示拖拽边框 | boolean | false |
| draggable | 是否可拖拽 | boolean | false |
| onDragStart | 拖拽开始回调函数 | function | () => {} |
| onDragEnter |拖拽进入回调函数 | function | () => {} |
| onDragOver | 拖拽划过回调函数 | function | () => {} |
| onDrop | 拖拽释放回调函数 | function | () => {} |
#### 使用
```js
import dragColumn from "tinper-bee/lib/dragColumn.js";
import { Table } from 'tinper-bee';
const DragColumnTable = dragColumn(Table);
```
### filterColumn
过滤功能
#### filterColumn新增参数
无
#### 使用
```js
import filterColumn from "tinper-bee/lib/filterColumn.js";
import { Table, Checkbox, Popover, Icon } from 'tinper-bee';
const DragColumnTable = filterColumn(Table, Checkbox, Popover, Icon);
```

76
docs/rendertype.md
View File

@ -5,21 +5,15 @@
需要单独的去引用相应的js文件，目录在render文件夹，示例如下： 需要单独的去引用相应的js文件，目录在render文件夹，示例如下：
```js ```js
import InputRender from "bee-table/build/render/InputRender.js" import renderInput from "tinper-bee/lib/InputRender.js";
``` ```
## 安装依赖包
不同的render会依赖其他组件，因为此类render组件是作为bee-table的插件机制处理的，默认不会去自动下载所依赖的组件，所以在使用之前需要去安装相应的组件。
## 如何下载对应依赖的组件
1. 下载依赖。例如：`npm install bee-icon -S`或者`npm install bee-icon --save`
2. 引入css文件。**注：如果引入了CSS的cdn资源，即可忽略此步骤。**例如：`import 'bee-icon/build/Icon.css;'`
### InputRender ### InputRender
输入框类型render 输入框类型render
#### 依赖的组件 #### 依赖的组件
该render依赖于`bee-icon`,`bee-form-control`,`bee-form`,`bee-tooltip`。 该render依赖于`Icon`,`FormControl`,`Form`,`Tooltip`。
#### 配置 #### 配置
@ -40,11 +34,20 @@ import InputRender from "bee-table/build/render/InputRender.js"
| htmlType | 数值类型，目前支持 email/tel/IDCard/chinese/password'类型 | string | - | | htmlType | 数值类型，目前支持 email/tel/IDCard/chinese/password'类型 | string | - |
| reg | 校验正则，注：设置 htmlType 后 reg 无效 | regExp | - | | reg | 校验正则，注：设置 htmlType 后 reg 无效 | regExp | - |
#### 使用
```js
import renderInput from "tinper-bee/lib/InputRender.js";
import { Icon, Form , FormControl } from 'tinper-bee';
const InputRender = renderInput(Form, FormControl, Icon);
```
### DateRender ### DateRender
日期类型render 日期类型render
#### 依赖的组件 #### 依赖的组件
该render依赖于`bee-icon`,`bee-datepicker`,`moment` 该render依赖于`moment`, `Datepicker`, `Icon`
#### 配置 #### 配置
@ -54,14 +57,24 @@ import InputRender from "bee-table/build/render/InputRender.js"
| type | 控制日期的显示格式，DatePicker、MonthPicker或者WeekPicker，暂时不支持RangePicker | string | "DatePicker" | | type | 控制日期的显示格式，DatePicker、MonthPicker或者WeekPicker，暂时不支持RangePicker | string | "DatePicker" |
注:其他参数参见bee-datepicker组件参数配置 注:其他参数参见Datepicker组件参数配置
#### 使用
```js
import renderDate from "tinper-bee/lib/DateRender.js";
import Datepicker from "tinper-bee/lib/Datepicker";
import { Icon } from 'tinper-bee';
const DateRender = renderDate(Datepicker, Icon);
```
### SelectRender ### SelectRender
输入框类型render 下拉框类型render
#### 依赖的组件 #### 依赖的组件
该render依赖于`bee-icon`,`bee-select` 该render依赖于`Icon`,`Select`
#### 配置 #### 配置
@ -72,4 +85,39 @@ import InputRender from "bee-table/build/render/InputRender.js"
注:其他参数参见bee-select组件参数配置 注:其他参数参见Select组件参数配置
#### 使用
```js
import renderSelect from "tinper-bee/lib/SelectRender.js";
import { Icon, Select } from 'tinper-bee';
const SelectRender = renderSelect(Select, Icon);
```
### CheckboxRender
复选框类型render
#### 依赖的组件
该render依赖于`Icon`,`Checkbox`
#### 配置
| 参数 | 说明 | 类型 | 默认值 |
| -------------- | ---------------------------------------- | ------- | ----- |
| onChange | 修改后触发回调函数 | function | () => {} |
| value | 设置是否选中值 | boolean | false |
注:其他参数参见Checkbox组件参数配置
#### 使用
```js
import renderCheckbox from "tinper-bee/lib/CheckboxRender.js";
import { Icon, Checkbox } from 'tinper-bee';
const CheckboxRender = renderCheckbox(Checkbox, Icon);
```

33
src/lib/dragColumn.js
View File

@ -35,10 +35,11 @@ export default function dragColumn(Table) {
onDragStart=(event,data)=>{ onDragStart=(event,data)=>{
this.props.onDragStart(event,data)
} }
onDragOver=(event,data)=>{ onDragOver=(event,data)=>{
this.props.onDragOver(event,data)
} }
onDragEnter=(event,data)=>{ onDragEnter=(event,data)=>{
@ -50,7 +51,8 @@ export default function dragColumn(Table) {
current.drgHover = true; current.drgHover = true;
this.setState({ this.setState({
columns columns
}) });
this.props.onDragEnter(event,data);
} }
onDrop=(event,data)=>{ onDrop=(event,data)=>{
@ -72,6 +74,7 @@ export default function dragColumn(Table) {
this.setState({ this.setState({
columns:_columns, columns:_columns,
}); });
this.props.onDrop(event,data);
} }
getTarget=(evt)=>{ getTarget=(evt)=>{
@ -79,14 +82,30 @@ export default function dragColumn(Table) {
} }
render() { render() {
const {data,dragborder,draggable,className} = this.props; const {
data,
dragborder,
draggable,
className,
columns,
onDragStart,
onDragEnter,
onDragOver,
onDrop,
...others
} = this.props;
let key = new Date().getTime(); let key = new Date().getTime();
const {columns} = this.state; return (
return (<Table {...this.props} columns={columns} data={data} className={`${className} u-table-drag-border`} <Table
onDragStart={this.onDragStart} onDragOver={this.onDragOver} onDrop={this.onDrop} {...others}
columns={this.state.columns}
data={data}
className={`${className} u-table-drag-border`}
onDragStart={this.onDragStart}
onDragOver={this.onDragOver}
onDrop={this.onDrop}
onDragEnter={this.onDragEnter} onDragEnter={this.onDragEnter}
draggable={draggable} draggable={draggable}
dragborder={dragborder} dragborder={dragborder}
dragborderKey={key} dragborderKey={key}
/>) />)

1
src/lib/filterColumn.js
View File

@ -42,7 +42,6 @@ export default function filterColumn(Table, Checkbox, Popover, Icon) {
} }
checkedColumItemClick = (da)=>{ checkedColumItemClick = (da)=>{
let {columns} = this.state;
da.checked = da.checked?false:true; da.checked = da.checked?false:true;
da.disable = da.checked?true:false; da.disable = da.checked?true:false;
this.setState({ this.setState({

1
src/lib/sort.js
View File

@ -1,5 +1,4 @@
import React, { Component } from "react"; import React, { Component } from "react";
import Icon from "bee-icon";
/** /**
* 参数：prefixCls，默认bee-table,用于设置图标的样式 * 参数：prefixCls，默认bee-table,用于设置图标的样式

1
src/render/CheckboxRender.js
View File

@ -33,7 +33,6 @@ export default function renderCheckbox(Checkbox, Icon) {
render() { render() {
const {value, editable} = this.state; const {value, editable} = this.state;
let {isclickTrigger} = this.props;
let cellContent = ""; let cellContent = "";
if (editable) { if (editable) {
cellContent = ( cellContent = (

32
src/render/InputRender.js
View File

@ -1,19 +1,21 @@
import React, { Component } from "react"; import React, {Component} from "react";
import Icon from "bee-icon";
import Input from "bee-form-control";
import Form from "bee-form";
import Tooltip from "bee-tooltip";
import PropTypes from "prop-types"; import PropTypes from "prop-types";
const propTypes = { /**
* 渲染输入框
* @param Form
* @param Input
* @param Icon
* @returns {InputRender}
*/
export default function renderInput(Form, Input, Icon) {
return class InputRender extends Component {
static propTypes = {
check: PropTypes.func check: PropTypes.func
}; };
static defaultProps = {
const defaultProps = {
check: () => "" check: () => ""
}; };
export default class InputRender extends Component {
state = { state = {
value: this.props.value, value: this.props.value,
editable: false editable: false
@ -168,6 +170,8 @@ export default class InputRender extends Component {
} }
return <div className="editable-cell">{cellContent}</div>; return <div className="editable-cell">{cellContent}</div>;
} }
}
} }
InputRender.PropTypes = propTypes;
InputRender.defaultProps = defaultProps;

18
src/render/SelectRender.js
View File

@ -1,12 +1,17 @@
import React, { Component } from "react"; import React, { Component } from "react";
import PropTypes from "prop-types"; import PropTypes from "prop-types";
import Icon from "bee-icon";
import Select from "bee-select";
const propTypes = { /**
* 渲染下拉框
* @param Select
* @param Icon
* @returns {SelectRender}
*/
export default function renderSelect (Select, Icon) {
return class SelectRender extends Component {
static propTypes = {
dataSource: PropTypes.array dataSource: PropTypes.array
}; };
export default class SelectRender extends Component {
state = { state = {
value: this.props.value, value: this.props.value,
editable: false editable: false
@ -109,5 +114,6 @@ export default class SelectRender extends Component {
} }
return <div className="editable-cell">{cellContent}</div>; return <div className="editable-cell">{cellContent}</div>;
} }
}
} }
SelectRender.propTypes = propTypes;