linkmore-design 1.0.45 → 1.0.48

package/es/CkFilter/filter.js

@@ -17,6 +17,8 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm
 
 var _react = _interopRequireWildcard(require("react"));
 
+var _linkmoreDesign = require("linkmore-design");
+
 var _baseFilter = _interopRequireDefault(require("./baseFilter"));
 
 var _complexFilter = _interopRequireDefault(require("./complexFilter"));
@@ -42,9 +44,14 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       dispatch = _useContent2[1];
 
   var _state$instance = state.instance,
+      onChange = _state$instance.onChange,
       custom = _state$instance.custom,
       levelGroup = _state$instance.levelGroup,
-      complex = _state$instance.complex; // 初始化
+      complex = _state$instance.complex,
+      searchKey = _state$instance.searchKey,
+      filterValues = state.filterValues,
+      complexFilterValues = state.complexFilterValues,
+      customFilterValues = state.customFilterValues; // 初始化
 
   var setOptions = (0, _react.useCallback)(function () {
     var trigger = props.trigger,
@@ -135,6 +142,29 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     (_state$instance$onCha = (_state$instance2 = state.instance).onChange) === null || _state$instance$onCha === void 0 ? void 0 : _state$instance$onCha.call(_state$instance2, nValue, state.customFilterValues);
   };
 
+  var hasClear = (0, _react.useMemo)(function () {
+    var _Object$keys, _Object$keys2;
+
+    var obj = (0, _objectSpread2.default)({}, filterValues);
+    delete obj[searchKey];
+    var hasBaseFilter = !!((_Object$keys = Object.keys(obj)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length);
+    var hasComplexFilter = !!((_Object$keys2 = Object.keys(complexFilterValues)) === null || _Object$keys2 === void 0 ? void 0 : _Object$keys2.length);
+    return hasBaseFilter || hasComplexFilter;
+  }, [filterValues, complexFilterValues]); // 一键清空 清空筛选，保留模糊查询
+
+  var handleClear = function handleClear() {
+    var baseFilter = filterValues[searchKey] ? (0, _defineProperty2.default)({}, searchKey, filterValues[searchKey]) : {};
+    dispatch({
+      type: 'changeFilterValues',
+      filterValues: baseFilter
+    });
+    dispatch({
+      type: 'changeComplexFilterValues',
+      complexFilterValues: {}
+    });
+    onChange === null || onChange === void 0 ? void 0 : onChange(baseFilter, customFilterValues);
+  };
+
   (0, _react.useImperativeHandle)(ref, function () {
     return {
       setOptions: setOptions,
@@ -150,7 +180,10 @@ var Filter = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     className: "lm_filter_base"
   }, custom && /*#__PURE__*/_react.default.createElement(_customFilter.default, null), levelGroup && /*#__PURE__*/_react.default.createElement(_radioGroup.default, null), (custom || levelGroup) && /*#__PURE__*/_react.default.createElement("div", {
     className: "line"
-  }), /*#__PURE__*/_react.default.createElement(_baseFilter.default, null), complex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, null)));
+  }), /*#__PURE__*/_react.default.createElement(_baseFilter.default, null), complex && /*#__PURE__*/_react.default.createElement(_complexFilter.default, null), hasClear && /*#__PURE__*/_react.default.createElement(_linkmoreDesign.Button, {
+    type: "link",
+    onClick: handleClear
+  }, "\u4E00\u952E\u6E05\u7A7A")));
 });
 var _default = Filter;
 exports.default = _default;

package/es/CkFilter/style/style.css

@@ -861,12 +861,12 @@ html {
   background-color: var(--background-color);
   margin: 0;
 }
-.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.site-tag-plus {
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.add_tags {
   background: transparent;
   border-style: dashed;
   cursor: pointer;
 }
-.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.site-tag-plus:hover {
+.ant-drawer.lm_filter_drawer .filter_drawer_group_list .filter_drawer_group_item .item_box .item_tags .ant-tag.add_tags:hover {
   color: var(--primary-color);
   border-color: var(--primary-color);
 }

package/es/CustomTableOption/columnsSort.js

@@ -254,7 +254,7 @@ var ColumnsSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
             obj[item.dataIndex]['order'] = item.order;
           }
 
-          if (![undefined, null].includes(item.order)) {
+          if (![undefined, null].includes(item.show)) {
             obj[item.dataIndex]['show'] = item.show;
           }
 

package/es/CustomTableOption/filterSort.js

@@ -174,7 +174,7 @@ var FilterSort = /*#__PURE__*/forwardRef(function (_ref, ref) {
             obj[item.field]['order'] = item.order;
           }
 
-          if (![undefined, null].includes(item.order)) {
+          if (![undefined, null].includes(item.show)) {
             obj[item.field]['show'] = item.show;
           }
         });

package/es/CustomTableOption/index.js

@@ -15,15 +15,15 @@ var MiddleImg = require('./assets/option3.png');
 
 var TabPane = Tabs.TabPane;
 var optionsWithDisabled = [{
-  label: '紧凑型',
-  value: 'small',
-  imgUrl: SmallImg
-}, {
   label: '默认',
   value: 'default',
   imgUrl: DefaultImg
 }, {
-  label: '中等',
+  label: '紧凑',
+  value: 'small',
+  imgUrl: SmallImg
+}, {
+  label: '宽松',
   value: 'middle',
   imgUrl: MiddleImg
 }];
@@ -50,7 +50,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
   var _useState5 = useState({
     filter: [],
     columns: [],
-    size: 'middle'
+    size: 'default'
   }),
       _useState6 = _slicedToArray(_useState5, 2),
       lmOptions = _useState6[0],
@@ -64,7 +64,7 @@ var LMCustomTableOption = /*#__PURE__*/forwardRef(function (props, ref) {
     setLmOptions({
       filter: props.filter,
       columns: props.columns,
-      size: props.size || 'middle'
+      size: props.size || 'default'
     });
   }, [props.filter, props.columns, props.size]);
   /** 提交按钮 */

package/es/CustomerService/README.md.old

@@ -0,0 +1,15 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 组件
+  path: /basic
+hide: true
+---
+
+## CustomerService 客服弹窗按钮
+
+### 示例
+
+<code src="./demos/basic.jsx" background="#fff" />

package/es/EnlargeImg/README.md.old

@@ -0,0 +1,21 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 组件
+  path: /basic
+---
+
+## EnlargeImg 放大图片
+
+<code src="./demos/basic.jsx" background="#fff" />
+
+### EnlargeImg
+
+| 参数      | 说明               | 类型   | 可选 | 默认值 |
+| --------- | ------------------ | ------ | ---- | ------ |
+| src       | 图片路径           | string |      |        |
+| width     | 原始图片宽度       | number |      | 200    |
+| title     | 放大后图片标题名称 | string |      |        |
+| openWidth | 放大后图片的宽度   | number |      | 300    |

package/es/Filter/README.md.old

@@ -0,0 +1,144 @@
+---
+nav:
+  title: 组件
+  path: /components
+group:
+  title: 组件
+  path: /basic
+---
+
+## Filter 筛选组件(废弃，请使用CkFilter)
+
+### 基本使用
+
+<code src="./demos/basic.jsx" background="#fff" />
+
+### 参数 Props
+
+| 参数         | 说明                                                                 | 类型    | 默认  |
+| ------------ | -------------------------------------------------------------------- | ------- | ----- |
+| data         | 筛选字段                                                             | []      | -     |
+| rememberList | 创建的左侧筛选项(记忆项)                                             | []      | -     |
+| getChane     | 筛选事件，接收筛选后的数据                                           | {}      | -     |
+| remember     | 是否使用记忆筛选                                                     | Boolean | false |
+| complex      | 是否使用高级筛选                                                     | Boolean | false |
+| custom       | 自定义，接收搜索事件传入值和 key（value, field）：例如：快捷筛选单选 | render  | -     |
+| defaultValue | 记忆项的默认值                                                       | render  | -     |
+
+#### Data
+
+| 参数       | 说明                                  | 类型                   | 默认  |
+| ---------- | ------------------------------------- | ---------------------- | ----- |
+| type       | 类型                                  | select/checkbox/tree…… | -     |
+| dateType   | 日期类型，仅当 type='date'时有效      | ''                     | date  |
+| title      | 文字显示                              | ''                     | -     |
+| field      | 字段关键词                            | ''                     | -     |
+| mode       | 查询关系（适用于高级筛选）            | 'and'/'or'             | 'and' |
+| api        | 接口请求                              | ''                     | -     |
+| params     | 入参,配合接口请求                     | {}                     | -     |
+| data       | 默认数据字段（非接口请求）            | []                     | -     |
+| value      | 返回数据（待定）                      | ''                     | -     |
+| more       | 是否动态加载                          | Boolean                | false |
+| fixed      | 是否固定于页面（收为更多筛选内）      | Boolean                | false |
+| expand     | 额外拓展                              | {}                     | {}    |
+| config     | 组件原生属性，仅适用于日期类型        | {}                     | {}    |
+| content    | 自定义下拉结构,e(value)事件接收一个值 | (e) => Dom             | -     |
+| renderItem | 自定义行结构（接收 label）            | Dom                    | -     |
+
+DateType
+
+| 参数        | 说明         | 类型 | 默认 |
+| ----------- | ------------ | ---- | ---- |
+| date        | 年月日       | ''   | -    |
+| rangePicker | 日期区间     | []   | -    |
+| week        | 周           | ''   | -    |
+| month       | 月           | ''   | -    |
+| quarter     | 季           | ''   | -    |
+| year        | 年           | ''   | -    |
+| time        | 时间：时分秒 | ''   | -    |
+
+rememberList 对应自定义的筛选
+
+| 参数      | 说明     | 类型    | 默认 |
+| --------- | -------- | ------- | ---- |
+| id        | key 字段 | ''      | -    |
+| value     | 值       | {}      |      |
+| label     | 文字显示 | string  |      |
+| isDefault | 是否默认 | Boolean | -    |
+| other     | 额外字段 | {}      |      |
+
+rememberList => value 对应单项 filter
+
+| 参数    | 说明         | 类型    | 默认 |
+| ------- | ------------ | ------- | ---- |
+| title   | 标题         | ''      | -    |
+| field   | 字段         | ''      |      |
+| data    | 所有选项数据 | []      |      |
+| checked | 选中的数据   | []      | -    |
+| fixed   | 是否固定     | Boolean | -    |
+| other   | 额外字段     | {}      |      |
+
+### 数据结构设计
+
+```react
+<Filter data={filter} getChange={getChange} custom={Quick} />
+//
+filter: [
+  {
+    type: 'select',
+    more: true, // 暂不扩展
+    api: 'xxx/xxx', // 暂不扩展
+    title: '状态', // 名称
+    field: 'state', // 字段
+    mode: 'and', // or或 and且 默认筛选模式
+    data: [
+      { id: '1', label: '已确认', value: 'ok' },
+      { id: '2', label: '未确认', value: 'no' },
+      { id: '3', label: '已冻结', value: 'fixed' },
+    ],
+  },{
+    type: 'checkbox',
+    more: true, // 暂不扩展
+    api: 'xxx/xxx', // 暂不扩展
+    title: '类别', // 名称
+    field: 'type', // 字段
+    mode: 'and', // or或 and且 默认筛选模式
+    data: [
+      { id: '1', label: '面料', value: 'ok' },
+      { id: '2', label: '辅料', value: 'no' },
+      { id: '3', label: '材料', value: 'fixed' },
+    ],
+  },
+]
+
+// 公用数据  *：暂未确定
+type: '', // 类型
+title: '', // 文字显示
+field: '', // 字段
+mode: 'or', // or/and 查询关系
+api: '', // 接口
+params: {}, // 入参
+data: [], // 数据字段（用于非接口）
+value: '', // 默认选中字段
+more: false, // 是否动态加载
+fixed: true, // 是否固钉于页面
+expand: {}, // 额外拓展
+content: (e) => <span onClick={() => e('333')}>333</span>, // 自定义下拉结构 e函数: 传入选中的值：e(value)
+renderItem: (label) => <span>{label}333</span>, // 自定义行结构
+```
+
+// 点击查询时应调用传入组件的回调函数，并把筛选好的字段数据传给回调，页面会自动筛选，cb 函数应为页面加载表格数据函数，统一用这一个函数处理高级筛选及普通筛选
+
+```js
+const field = {
+  xxx: 123,
+  xxxx: [1, 2, 3],
+  xxxxx: {
+    type: 0,
+  },
+}
+
+cb(field)
+```
+
+// 点击重置时重置组件状态并且调用 cb 函数传参 clear 则页面清空

package/es/IconFont/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 2966019 */
-  src: url('iconfont.woff2?t=1659492914541') format('woff2'),
-       url('iconfont.woff?t=1659492914541') format('woff'),
-       url('iconfont.ttf?t=1659492914541') format('truetype');
+  src: url('iconfont.woff2?t=1659530996650') format('woff2'),
+       url('iconfont.woff?t=1659530996650') format('woff'),
+       url('iconfont.ttf?t=1659530996650') format('truetype');
 }
 
 .iconfont {
@@ -13,16 +13,16 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
-.lmweb-icon_application_light:before {
-  content: "\e6c7";
+.lmweb-a-icon_m_nullify1:before {
+  content: "\e6cc";
 }
 
-.lmweb-icon_m_nullify:before {
-  content: "\e657";
+.lmweb-a-icon_m_data1:before {
+  content: "\e6cd";
 }
 
-.lmweb-icon_m_data:before {
-  content: "\e658";
+.lmweb-icon_application_light:before {
+  content: "\e6c7";
 }
 
 .lmweb-icon_china1:before {