@4399ywkf/design 2.1.0 → 2.1.1

package/dist/Rive/styles/index.less

@@ -23,7 +23,6 @@
 }
 
 @keyframes blink {
-
   from,
   to {
     opacity: 0;
@@ -44,7 +43,7 @@
 }
 
 .ywkf-markdown a.absent {
-  color: #cc0000;
+  color: #c00;
 }
 
 .ywkf-markdown a.anchor {
@@ -201,11 +200,6 @@
   margin-top: 0;
 }
 
-.ywkf-markdown ul,
-.ywkf-markdown ol {
-  padding-left: 14px;
-}
-
 .ywkf-markdown dl {
   padding: 0;
 }
@@ -244,8 +238,8 @@
 }
 
 .ywkf-markdown blockquote {
-  border-left: 4px solid #dddddd;
-  color: #777777;
+  border-left: 4px solid #ddd;
+  color: #777;
   padding: 0 15px;
 }
 
@@ -257,10 +251,6 @@
   margin-bottom: 0;
 }
 
-.ywkf-markdown table {
-  width: 100%;
-}
-
 .ywkf-markdown table th {
   font-weight: bold;
 }
@@ -271,7 +261,7 @@
 }
 
 .ywkf-markdown table tr {
-  background-color: #ffffff;
+  background-color: #fff;
 }
 
 .ywkf-markdown table tr:nth-child(2n) {
@@ -288,7 +278,7 @@
 }
 
 .ywkf-markdown span.frame>span {
-  border: 1px solid #dddddd;
+  border: 1px solid #ddd;
   display: block;
   float: left;
   margin: 13px 0 0;
@@ -304,7 +294,7 @@
 
 .ywkf-markdown span.frame span span {
   clear: both;
-  color: #333333;
+  color: #333;
   display: block;
   padding: 5px 0 0;
 }
@@ -375,7 +365,7 @@
   font-size: 14px;
   margin: 0 2px;
   padding: 2px 4px;
-  background: rgba(0, 0, 0, .06);
+  background: rgba(0, 0, 0, 6%);
 }
 
 .ywkf-markdown tt {
@@ -395,8 +385,8 @@
 
 .ywkf-markdown .highlight pre,
 .ywkf-markdown pre {
-  border: 1px solid #cccccc;
-  border-radius: 3px 3px 3px 3px;
+  border: 1px solid #ccc;
+  border-radius: 3px;
   font-size: max(0.9em, 14px);
   line-height: 19px;
   overflow: auto;
@@ -437,7 +427,7 @@
 
   pre:has(code) {
     color: white;
-    background: hsl(30, 20%, 25%) !important;
+    background: hsl(30deg, 20%, 25%) !important;
     text-shadow: 0 -.1em .2em black;
     font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
     font-size: 1em;
@@ -467,7 +457,7 @@
 
   pre code {
     // background-color: #292b33 !important;
-    display: inline;
+    display: inline-block;
     max-width: auto;
     padding: 0;
     margin: 0;
@@ -484,8 +474,9 @@
   }
 
   table {
+    width: 100%;
     border-collapse: separate;
-    border-spacing: 0px;
+    border-spacing: 0;
     color: #2d3748;
 
     thead tr:first-child th {
@@ -493,7 +484,7 @@
       border-left-width: 1px;
       border-top-width: 1px;
       border-color: #ccc;
-      background-color: rgba(236, 236, 241, 0.2);
+      background-color: rgba(236, 236, 241, 20%);
       overflow: hidden;
 
       &:first-child {

package/dist/Table/components/ColumnSetting/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const ColumnSetting: () => React.JSX.Element;
+declare const ColumnSetting: () => import("react/jsx-runtime").JSX.Element;
 export default ColumnSetting;

package/dist/Table/components/ColumnSetting/index.js

@@ -10,6 +10,8 @@ import React, { useMemo } from 'react';
 import { useColumns } from "../../store/hooks";
 import { genColumnKey } from "../../utils";
 import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var ColumnSetting = function ColumnSetting() {
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
@@ -25,13 +27,13 @@ var ColumnSetting = function ColumnSetting() {
         var columnKey = genColumnKey(column.key || (Array.isArray(column.dataIndex) ? column.dataIndex.join('.') : (_column$dataIndex = column.dataIndex) === null || _column$dataIndex === void 0 ? void 0 : _column$dataIndex.toString()), columnIndex);
         return columnKey === col.key;
       })) === null || _find === void 0 ? void 0 : _find.title;
-      return /*#__PURE__*/React.createElement(Col, {
+      return /*#__PURE__*/_jsx(Col, {
         span: 24,
-        key: index
-      }, /*#__PURE__*/React.createElement(Checkbox, {
-        value: col.key,
-        key: index
-      }, typeof currentColumnTitle === 'function' ? col.key : currentColumnTitle));
+        children: /*#__PURE__*/_jsx(Checkbox, {
+          value: col.key,
+          children: typeof currentColumnTitle === 'function' ? col.key : currentColumnTitle
+        }, index)
+      }, index);
     });
   }, [columnSetting, columns]);
   var onChangeCheckboxGroup = function onChangeCheckboxGroup(v) {
@@ -95,29 +97,36 @@ var ColumnSetting = function ColumnSetting() {
     });
     setColumnSetting(columnSettingList);
   };
-  return /*#__PURE__*/React.createElement(Tooltip, {
-    title: '列设置'
-  }, /*#__PURE__*/React.createElement(Popover, {
-    placement: 'bottomRight',
-    trigger: 'click',
-    title: /*#__PURE__*/React.createElement("div", {
-      className: styles.title
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      onChange: onChangeAll,
-      checked: allColumnSetting,
-      indeterminate: indeterminateSetting
-    }, "\u5217\u5C55\u793A"), /*#__PURE__*/React.createElement(Button, {
-      onClick: resetColumnSetting,
-      type: 'link',
-      className: styles.resetButton
-    }, "\u91CD\u7F6E")),
-    content: /*#__PURE__*/React.createElement(Checkbox.Group, {
-      className: styles.content,
-      onChange: onChangeCheckboxGroup,
-      value: columnShow
-    }, /*#__PURE__*/React.createElement(Row, {
-      gutter: [0, 8]
-    }, checkboxColumnSetting))
-  }, /*#__PURE__*/React.createElement(SettingOutlined, null)));
+  return /*#__PURE__*/_jsx(Tooltip, {
+    title: '列设置',
+    children: /*#__PURE__*/_jsx(Popover, {
+      placement: 'bottomRight',
+      trigger: 'click',
+      title: /*#__PURE__*/_jsxs("div", {
+        className: styles.title,
+        children: [/*#__PURE__*/_jsx(Checkbox, {
+          onChange: onChangeAll,
+          checked: allColumnSetting,
+          indeterminate: indeterminateSetting,
+          children: "\u5217\u5C55\u793A"
+        }), /*#__PURE__*/_jsx(Button, {
+          onClick: resetColumnSetting,
+          type: 'link',
+          className: styles.resetButton,
+          children: "\u91CD\u7F6E"
+        })]
+      }),
+      content: /*#__PURE__*/_jsx(Checkbox.Group, {
+        className: styles.content,
+        onChange: onChangeCheckboxGroup,
+        value: columnShow,
+        children: /*#__PURE__*/_jsx(Row, {
+          gutter: [0, 8],
+          children: checkboxColumnSetting
+        })
+      }),
+      children: /*#__PURE__*/_jsx(SettingOutlined, {})
+    })
+  });
 };
 export default ColumnSetting;

package/dist/Table/components/EnumFilter/index.d.ts

@@ -10,5 +10,5 @@ interface EnumFilterProps {
     value: React.Key[];
     mode?: 'multiple' | 'radio';
 }
-declare const EnumFilter: (props: EnumFilterProps) => React.JSX.Element;
+declare const EnumFilter: (props: EnumFilterProps) => import("react/jsx-runtime").JSX.Element;
 export default EnumFilter;

package/dist/Table/components/EnumFilter/index.js

@@ -15,6 +15,9 @@ import { Button, Checkbox, Input } from 'antd';
 import { SearchOutlined } from '@ant-design/icons';
 import _ from 'lodash-es';
 import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var EnumFilter = function EnumFilter(props) {
   var _useStyles = useStyles(),
     styles = _useStyles.styles,
@@ -115,59 +118,74 @@ var EnumFilter = function EnumFilter(props) {
     });
     onCheckChange(res);
   };
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.dropdown
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.search
-  }, /*#__PURE__*/React.createElement(Input, {
-    value: filterValue,
-    onChange: onChangeFilter,
-    prefix: /*#__PURE__*/React.createElement(SearchOutlined, null),
-    placeholder: '在筛序选项中搜索',
-    allowClear: true
-  })), /*#__PURE__*/React.createElement("div", {
-    className: styles.menu
-  }, mode === 'multiple' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles.action
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    onChange: onChangeSelectAll,
-    checked: filterCheckboxValue.length === filterOptions.length,
-    indeterminate: filterCheckboxValue.length > 0 && filterCheckboxValue.length !== filterOptions.length
-  }, "\u5168\u9009"), /*#__PURE__*/React.createElement(Button, {
-    size: 'small',
-    type: 'link',
-    disabled: _.isEmpty(filterCheckboxValue),
-    onClick: onCounterElection
-  }, "\u53CD\u9009"), /*#__PURE__*/React.createElement(Button, {
-    size: 'small',
-    type: 'link',
-    disabled: _.isEmpty(filterCheckboxValue),
-    onClick: onCancel
-  }, "\u53D6\u6D88")), /*#__PURE__*/React.createElement(Checkbox.Group, {
-    className: styles.menuList,
-    onChange: onCheckChange,
-    value: value
-  }, filterOptions.map(function (o, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: cx(styles.menuItem, (value === null || value === void 0 ? void 0 : value.includes(o.value)) && styles.menuItemSelected)
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      className: styles.fullWidth,
-      value: o.value
-    }, o.text));
-  }))), mode === 'radio' && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
-    className: styles.menuList
-  }, filterOptions.map(function (o, index) {
-    return /*#__PURE__*/React.createElement("div", {
-      key: index,
-      className: cx(styles.menuItem, (value === null || value === void 0 ? void 0 : value.includes(o.value)) && styles.menuItemSelected)
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      onChange: function onChange() {
-        return onRadioCheckChange(o.value);
-      },
-      className: styles.fullWidth,
-      checked: o.value === (value === null || value === void 0 ? void 0 : value[0])
-    }, o.text));
-  })))));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.dropdown,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.search,
+      children: /*#__PURE__*/_jsx(Input, {
+        value: filterValue,
+        onChange: onChangeFilter,
+        prefix: /*#__PURE__*/_jsx(SearchOutlined, {}),
+        placeholder: '在筛序选项中搜索',
+        allowClear: true
+      })
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.menu,
+      children: [mode === 'multiple' && /*#__PURE__*/_jsxs(_Fragment, {
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: styles.action,
+          children: [/*#__PURE__*/_jsx(Checkbox, {
+            onChange: onChangeSelectAll,
+            checked: filterCheckboxValue.length === filterOptions.length,
+            indeterminate: filterCheckboxValue.length > 0 && filterCheckboxValue.length !== filterOptions.length,
+            children: "\u5168\u9009"
+          }), /*#__PURE__*/_jsx(Button, {
+            size: 'small',
+            type: 'link',
+            disabled: _.isEmpty(filterCheckboxValue),
+            onClick: onCounterElection,
+            children: "\u53CD\u9009"
+          }), /*#__PURE__*/_jsx(Button, {
+            size: 'small',
+            type: 'link',
+            disabled: _.isEmpty(filterCheckboxValue),
+            onClick: onCancel,
+            children: "\u53D6\u6D88"
+          })]
+        }), /*#__PURE__*/_jsx(Checkbox.Group, {
+          className: styles.menuList,
+          onChange: onCheckChange,
+          value: value,
+          children: filterOptions.map(function (o, index) {
+            return /*#__PURE__*/_jsx("div", {
+              className: cx(styles.menuItem, (value === null || value === void 0 ? void 0 : value.includes(o.value)) && styles.menuItemSelected),
+              children: /*#__PURE__*/_jsx(Checkbox, {
+                className: styles.fullWidth,
+                value: o.value,
+                children: o.text
+              })
+            }, index);
+          })
+        })]
+      }), mode === 'radio' && /*#__PURE__*/_jsx(_Fragment, {
+        children: /*#__PURE__*/_jsx("div", {
+          className: styles.menuList,
+          children: filterOptions.map(function (o, index) {
+            return /*#__PURE__*/_jsx("div", {
+              className: cx(styles.menuItem, (value === null || value === void 0 ? void 0 : value.includes(o.value)) && styles.menuItemSelected),
+              children: /*#__PURE__*/_jsx(Checkbox, {
+                onChange: function onChange() {
+                  return onRadioCheckChange(o.value);
+                },
+                className: styles.fullWidth,
+                checked: o.value === (value === null || value === void 0 ? void 0 : value[0]),
+                children: o.text
+              })
+            }, index);
+          })
+        })
+      })]
+    })]
+  });
 };
 export default EnumFilter;

package/dist/Table/components/Export/RadioMode.d.ts

@@ -1,8 +1,7 @@
 import type { RadioChangeEvent } from 'antd';
-import React from 'react';
 interface RadioModeProps {
     value?: string;
     onChange: (v: RadioChangeEvent) => void;
 }
-declare const RadioMode: (props: RadioModeProps) => React.JSX.Element;
+declare const RadioMode: (props: RadioModeProps) => import("react/jsx-runtime").JSX.Element;
 export default RadioMode;

package/dist/Table/components/Export/RadioMode.js

@@ -2,6 +2,7 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
 import { Radio, Space } from 'antd';
 import React from 'react';
 import { useTableContext } from "../../context";
+import { jsx as _jsx } from "react/jsx-runtime";
 var RadioMode = function RadioMode(props) {
   var value = props.value,
     onChange = props.onChange;
@@ -25,17 +26,19 @@ var RadioMode = function RadioMode(props) {
     value: 'async',
     disabled: !(exportConfig !== null && exportConfig !== void 0 && exportConfig.query)
   }];
-  return /*#__PURE__*/React.createElement(Radio.Group, {
+  return /*#__PURE__*/_jsx(Radio.Group, {
     value: value,
-    onChange: onChange
-  }, /*#__PURE__*/React.createElement(Space, {
-    direction: 'vertical'
-  }, radioOptions.map(function (o) {
-    return /*#__PURE__*/React.createElement(Radio, {
-      key: o.value,
-      value: o.value,
-      disabled: o.disabled
-    }, o.label);
-  })));
+    onChange: onChange,
+    children: /*#__PURE__*/_jsx(Space, {
+      direction: 'vertical',
+      children: radioOptions.map(function (o) {
+        return /*#__PURE__*/_jsx(Radio, {
+          value: o.value,
+          disabled: o.disabled,
+          children: o.label
+        }, o.value);
+      })
+    })
+  });
 };
 export default RadioMode;

package/dist/Table/components/Export/index.d.ts

@@ -1,3 +1,2 @@
-import React from 'react';
-declare const Export: () => React.JSX.Element | undefined;
+declare const Export: () => import("react/jsx-runtime").JSX.Element | undefined;
 export default Export;

package/dist/Table/components/Export/index.js

@@ -22,6 +22,9 @@ import { useColumns, useTableStore } from "../../store/hooks";
 import { genColumnKey } from "../../utils/columnKey";
 import RadioMode from "./RadioMode";
 import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
 var getColumnIdentity = function getColumnIdentity(column, index) {
   var _column$key;
   var rawKey = (_column$key = column.key) !== null && _column$key !== void 0 ? _column$key : column.dataIndex;
@@ -272,42 +275,55 @@ function ExportModal(props) {
         onSelectExportOnlyData();
     }
   };
-  return /*#__PURE__*/React.createElement(Modal, {
+  return /*#__PURE__*/_jsx(Modal, {
     title: '导出Excel',
     cancelText: '取消',
     okText: '确定',
     open: open,
     onCancel: onCancel,
     onOk: onOk,
-    confirmLoading: loading
-  }, /*#__PURE__*/React.createElement(Row, {
-    gutter: [12, 12]
-  }, /*#__PURE__*/React.createElement(Col, {
-    span: 6
-  }, /*#__PURE__*/React.createElement(Checkbox, {
-    indeterminate: indeterminate,
-    onChange: onCheckAllChange,
-    checked: checkAll
-  }, "\u5168\u9009")), /*#__PURE__*/React.createElement(Col, {
-    span: 18
-  }, /*#__PURE__*/React.createElement(Checkbox.Group, {
-    value: checkedList,
-    onChange: onChange
-  }, /*#__PURE__*/React.createElement(Row, null, checkboxGroupOptions.map(function (option) {
-    return /*#__PURE__*/React.createElement(Col, {
-      span: 8,
-      key: option.value
-    }, /*#__PURE__*/React.createElement(Checkbox, {
-      value: option.value
-    }, typeof option.label === 'function' ? '未命名列' : option.label));
-  })))), /*#__PURE__*/React.createElement(Col, {
-    span: 6
-  }, /*#__PURE__*/React.createElement("span", null, "\u5BFC\u51FA\u8303\u56F4")), /*#__PURE__*/React.createElement(Col, {
-    span: 18
-  }, /*#__PURE__*/React.createElement(RadioMode, {
-    value: mode,
-    onChange: onRadioChange
-  }))));
+    confirmLoading: loading,
+    children: /*#__PURE__*/_jsxs(Row, {
+      gutter: [12, 12],
+      children: [/*#__PURE__*/_jsx(Col, {
+        span: 6,
+        children: /*#__PURE__*/_jsx(Checkbox, {
+          indeterminate: indeterminate,
+          onChange: onCheckAllChange,
+          checked: checkAll,
+          children: "\u5168\u9009"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 18,
+        children: /*#__PURE__*/_jsx(Checkbox.Group, {
+          value: checkedList,
+          onChange: onChange,
+          children: /*#__PURE__*/_jsx(Row, {
+            children: checkboxGroupOptions.map(function (option) {
+              return /*#__PURE__*/_jsx(Col, {
+                span: 8,
+                children: /*#__PURE__*/_jsx(Checkbox, {
+                  value: option.value,
+                  children: typeof option.label === 'function' ? '未命名列' : option.label
+                })
+              }, option.value);
+            })
+          })
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 6,
+        children: /*#__PURE__*/_jsx("span", {
+          children: "\u5BFC\u51FA\u8303\u56F4"
+        })
+      }), /*#__PURE__*/_jsx(Col, {
+        span: 18,
+        children: /*#__PURE__*/_jsx(RadioMode, {
+          value: mode,
+          onChange: onRadioChange
+        })
+      })]
+    })
+  });
 }
 var Export = function Export() {
   var _useStyles = useStyles(),
@@ -324,15 +340,19 @@ var Export = function Export() {
       return !e;
     });
   };
-  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ExportModal, {
-    open: open,
-    onCancel: handleOpenModal
-  }), /*#__PURE__*/React.createElement(Tooltip, {
-    title: '导出数据'
-  }, /*#__PURE__*/React.createElement("button", {
-    type: 'button',
-    className: styles.trigger,
-    onClick: handleOpenModal
-  }, /*#__PURE__*/React.createElement(ExportOutlined, null))));
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(ExportModal, {
+      open: open,
+      onCancel: handleOpenModal
+    }), /*#__PURE__*/_jsx(Tooltip, {
+      title: '导出数据',
+      children: /*#__PURE__*/_jsx("button", {
+        type: 'button',
+        className: styles.trigger,
+        onClick: handleOpenModal,
+        children: /*#__PURE__*/_jsx(ExportOutlined, {})
+      })
+    })]
+  });
 };
 export default Export;

package/dist/Table/components/FilterDropdown/index.d.ts

@@ -5,5 +5,5 @@ interface FilterDropdownProps {
     onReset?: () => void;
     onOk?: () => void;
 }
-declare const FilterDropdown: ({ children, disabled, onReset, onOk }: FilterDropdownProps) => React.JSX.Element;
+declare const FilterDropdown: ({ children, disabled, onReset, onOk }: FilterDropdownProps) => import("react/jsx-runtime").JSX.Element;
 export default FilterDropdown;

package/dist/Table/components/FilterDropdown/index.js

@@ -1,6 +1,8 @@
 import React from 'react';
 import { Button } from 'antd';
 import { useStyles } from "./style";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
 var FilterDropdown = function FilterDropdown(_ref) {
   var children = _ref.children,
     disabled = _ref.disabled,
@@ -8,21 +10,26 @@ var FilterDropdown = function FilterDropdown(_ref) {
     onOk = _ref.onOk;
   var _useStyles = useStyles(),
     styles = _useStyles.styles;
-  return /*#__PURE__*/React.createElement("div", {
-    className: styles.root
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles.main
-  }, children), /*#__PURE__*/React.createElement("div", {
-    className: styles.btns
-  }, /*#__PURE__*/React.createElement(Button, {
-    size: 'small',
-    type: 'link',
-    disabled: disabled,
-    onClick: onReset
-  }, "\u91CD\u7F6E"), /*#__PURE__*/React.createElement(Button, {
-    size: 'small',
-    onClick: onOk,
-    type: 'primary'
-  }, "\u786E\u5B9A")));
+  return /*#__PURE__*/_jsxs("div", {
+    className: styles.root,
+    children: [/*#__PURE__*/_jsx("div", {
+      className: styles.main,
+      children: children
+    }), /*#__PURE__*/_jsxs("div", {
+      className: styles.btns,
+      children: [/*#__PURE__*/_jsx(Button, {
+        size: 'small',
+        type: 'link',
+        disabled: disabled,
+        onClick: onReset,
+        children: "\u91CD\u7F6E"
+      }), /*#__PURE__*/_jsx(Button, {
+        size: 'small',
+        onClick: onOk,
+        type: 'primary',
+        children: "\u786E\u5B9A"
+      })]
+    })]
+  });
 };
 export default FilterDropdown;

package/dist/Table/components/FilterKeys/index.d.ts

@@ -1,9 +1,8 @@
-import React from 'react';
 import type { FilterInputValue } from '../../store/types';
 declare const FilterKeys: ({ data }: {
     data: {
         key: string;
         value: FilterInputValue;
     }[];
-}) => React.JSX.Element;
+}) => import("react/jsx-runtime").JSX.Element;
 export default FilterKeys;