linkmore-design 1.0.78 → 1.0.81

package/lib/CkFilter/style/index.js

@@ -1,3 +0,0 @@
-"use strict";
-
-require("./index.css");

package/lib/CkFilter/utils.js

@@ -1,65 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getIsHas = getIsHas;
-exports.getRanges = getRanges;
-exports.isClassComponent = isClassComponent;
-exports.isExoticComponent = isExoticComponent;
-exports.isReactComponent = isReactComponent;
-exports.render = void 0;
-
-var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
-
-var _dayjs = _interopRequireDefault(require("dayjs"));
-
-var _react = _interopRequireDefault(require("react"));
-
-// 检查是否存在内容
-function getIsHas(val) {
-  // 检查是否数字类型, 是否布尔类型
-  var flag = !!val || typeof val === 'number' || typeof val === 'boolean'; // 检查空对象和空数组
-
-  if (!!val && (0, _typeof2.default)(val) === 'object') {
-    var _Object$keys;
-
-    flag = Array.isArray(val) ? !!val.length : !!((_Object$keys = Object.keys(val)) === null || _Object$keys === void 0 ? void 0 : _Object$keys.length);
-  }
-
-  return flag;
-} // 检查是否类组件
-
-
-function isClassComponent(component) {
-  return typeof component === 'function' && function () {
-    var proto = Object.getPrototypeOf(component);
-    return proto.prototype && proto.prototype.isReactComponent;
-  }();
-} // 检查是否自定义组件
-
-
-function isExoticComponent(component) {
-  return (0, _typeof2.default)(component) === 'object' && (0, _typeof2.default)(component.$$typeof) === 'symbol' && ['react.memo', 'react.forward_ref'].includes(component.$$typeof.description);
-} // 检查是否React组件
-
-
-function isReactComponent(component) {
-  return isClassComponent(component) || typeof component === 'function' || isExoticComponent(component);
-}
-
-var render = function render(Comp, props) {
-  return !Comp ? null : isReactComponent(Comp) ? /*#__PURE__*/_react.default.createElement(Comp, props) : Comp;
-};
-
-exports.render = render;
-
-function getRanges() {
-  return {
-    近一周: [(0, _dayjs.default)().subtract(7, 'day').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
-    近一月: [(0, _dayjs.default)().subtract(1, 'month').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')],
-    近一年: [(0, _dayjs.default)().subtract(1, 'year').format('YYYY-MM-DD'), (0, _dayjs.default)().format('YYYY-MM-DD')]
-  };
-}

package/lib/Filter/Popover.js

@@ -1,199 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/popover/style");
-
-var _popover = _interopRequireDefault(require("antd/es/popover"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _icons = require("@ant-design/icons");
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _components = require("./components");
-
-var _popContext = _interopRequireDefault(require("./popContext"));
-
-// 单个组件的下拉框
-var Index = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var item = props.item,
-      content = props.content,
-      children = props.children,
-      config = props.config,
-      getChange = props.getChange;
-  var toggle = item.toggle,
-      title = item.title,
-      type = item.type,
-      field = item.field,
-      data = item.data;
-
-  var _useState = (0, _react.useState)(false),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      useVisible = _useState2[0],
-      setVisible = _useState2[1]; // 控制弹出层显隐
-
-
-  var _useState3 = (0, _react.useState)(),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      useValue = _useState4[0],
-      setValue = _useState4[1]; // 选中的值
-
-
-  var _useState5 = (0, _react.useState)(field),
-      _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-      useKey = _useState6[0],
-      setKey = _useState6[1];
-
-  var singleRef = ref || (0, _react.useRef)(null);
-
-  var handleClick = function handleClick(visible) {
-    setVisible(visible);
-  }; // 数字
-
-
-  var showTitle = function showTitle() {
-    if (toggle) return null;
-    if (!useValue && typeof useValue !== 'number') return null;
-
-    if (Array.isArray(useValue)) {
-      if (type === 'date') return true;
-      return useValue.length > 0 ? "(".concat(useValue === null || useValue === void 0 ? void 0 : useValue.length, ")") : null;
-    }
-
-    return true;
-  }; // 文字
-
-
-  var showLabel = function showLabel() {
-    if (toggle) return title;
-
-    if (useValue || typeof useValue === 'number') {
-      switch (type) {
-        case 'select':
-          return data.find(function (v) {
-            return v.value === useValue;
-          }).label;
-
-        case 'tree':
-          return useValue.title;
-
-        case 'date':
-          return Array.isArray(useValue) ? "".concat(useValue[0], " \u81F3 ").concat(useValue[1]) : useValue;
-
-        case 'input':
-          return useValue;
-
-        default:
-          break;
-      }
-    }
-
-    return title;
-  }; // 选中时触发
-
-
-  var onChange = function onChange(v, obj, mode) {
-    type !== 'checkbox' ? setVisible(false) : '';
-
-    if (toggle) {
-      getChange === null || getChange === void 0 ? void 0 : getChange(v);
-      return;
-    }
-
-    setValue(v);
-    var params = {
-      field: field,
-      value: v,
-      mapItem: obj
-    };
-    getChange === null || getChange === void 0 ? void 0 : getChange(params, mode);
-  };
-
-  var contentDom = function contentDom() {
-    switch (type) {
-      case 'input':
-        return /*#__PURE__*/_react.default.createElement(_components.Input, {
-          key: useKey
-        });
-
-      case 'select':
-        return /*#__PURE__*/_react.default.createElement(_components.Select, {
-          key: useKey
-        });
-
-      case 'checkbox':
-        return /*#__PURE__*/_react.default.createElement(_components.Checkbox, {
-          key: useKey,
-          ref: singleRef
-        });
-
-      case 'tree':
-        return /*#__PURE__*/_react.default.createElement(_components.Tree, {
-          key: useKey
-        });
-
-      case 'date':
-        return /*#__PURE__*/_react.default.createElement(_components.DatePicker, {
-          key: useKey
-        });
-
-      default:
-        return /*#__PURE__*/_react.default.createElement(_components.Select, null);
-    }
-  }; // 清空筛选项
-
-
-  var handleClear = function handleClear(e) {
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
-    var nKey = field + Date.now();
-    setKey(nKey); // 重新渲染
-
-    var v = type === 'checkbox' ? [] : '';
-    onChange(v, 'and', '');
-  }; // const clearTag = (value) => {
-  //   setKey(Date.now()); // 重新渲染
-  //   setDefaultValue(value);
-  //   // getChange({ field, value });
-  // };
-  // React.useImperativeHandle(ref, () => ({
-  //   clearTag,
-  // }));
-
-
-  return /*#__PURE__*/_react.default.createElement(_popContext.default.Provider, {
-    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-      onChange: onChange
-    })
-  }, /*#__PURE__*/_react.default.createElement(_popover.default, (0, _extends2.default)({
-    placement: "bottomLeft",
-    overlayClassName: "list-popover",
-    trigger: "click",
-    visible: useVisible,
-    onVisibleChange: handleClick,
-    content: content ? content(onChange) : contentDom
-  }, config), children || /*#__PURE__*/_react.default.createElement(_button.default, {
-    type: "link",
-    className: (!!showTitle() || useVisible) && 'btn_active'
-  }, showLabel(), " ", showTitle(), showTitle() !== null ? /*#__PURE__*/_react.default.createElement(_icons.CloseOutlined, {
-    onClick: handleClear
-  }) : useVisible ? /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, null) : /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null))));
-});
-var _default = Index;
-exports.default = _default;

package/lib/Filter/README.md.old

@@ -1,144 +0,0 @@
----
-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/lib/Filter/baseFilter/Popover.js

@@ -1,213 +0,0 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-require("antd/es/popover/style");
-
-var _popover = _interopRequireDefault(require("antd/es/popover"));
-
-var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-require("antd/es/button/style");
-
-var _button = _interopRequireDefault(require("antd/es/button"));
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _IconFont = _interopRequireDefault(require("../../IconFont"));
-
-var _icons = require("@ant-design/icons");
-
-var _components = require("../components");
-
-var _context = _interopRequireDefault(require("../context"));
-
-var _popContext = _interopRequireDefault(require("../popContext"));
-
-// 单个组件的下拉框
-var Index = function Index(props) {
-  var item = props.item,
-      content = props.content,
-      children = props.children,
-      config = props.config,
-      getChange = props.getChange;
-  var toggle = item.toggle,
-      title = item.title,
-      type = item.type,
-      field = item.field,
-      data = item.data;
-
-  var _useContext = (0, _react.useContext)(_context.default),
-      state = _useContext.state;
-
-  var checkValue = state.checkValue; // 清除筛选多选状态： 暂时的解决方案，后续要更改
-
-  var _useState = (0, _react.useState)(field),
-      _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-      useKey = _useState2[0],
-      setKey = _useState2[1];
-
-  var _useState3 = (0, _react.useState)(false),
-      _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-      useVisible = _useState4[0],
-      setVisible = _useState4[1]; // 控制弹出层显隐
-  // 选中的值
-
-
-  var useValue = (0, _react.useMemo)(function () {
-    return checkValue[field];
-  }, [checkValue]);
-
-  var handleClick = function handleClick(visible) {
-    setVisible(visible);
-  }; // 数字
-
-
-  var showTitle = function showTitle() {
-    if (toggle) return null;
-    if (!useValue && typeof useValue !== 'number') return null;
-
-    if (Array.isArray(useValue)) {
-      if (type === 'date') return true;
-      return useValue.length > 0 ? "(".concat(useValue === null || useValue === void 0 ? void 0 : useValue.length, ")") : null;
-    }
-
-    return true;
-  }; // 显示值
-
-
-  var showValue = function showValue() {
-    var _data$find, _data$find2;
-
-    var result = showTitle();
-
-    if (result) {
-      if (useValue || typeof useValue === 'number') {
-        switch (type) {
-          case 'select':
-            return ((_data$find = data.find(function (v) {
-              return v.value === useValue;
-            })) === null || _data$find === void 0 ? void 0 : _data$find.label) || '';
-
-          case 'checkbox':
-            return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, ((_data$find2 = data.find(function (v) {
-              return v.value === useValue[0];
-            })) === null || _data$find2 === void 0 ? void 0 : _data$find2.label) || '', (useValue === null || useValue === void 0 ? void 0 : useValue.length) > 1 ? "\u3001+".concat((useValue === null || useValue === void 0 ? void 0 : useValue.length) - 1, "...") : null);
-
-          case 'tree':
-            return useValue.title;
-
-          case 'date':
-            return Array.isArray(useValue) ? "".concat(useValue[0], " \u81F3 ").concat(useValue[1]) : useValue;
-
-          case 'input':
-            return useValue;
-
-          default:
-            break;
-        }
-      }
-    }
-
-    return null;
-  }; // 文字
-
-
-  var showLabel = function showLabel() {
-    return "".concat(title, "\uFF1A");
-  }; // 选中时触发
-
-
-  var onChange = function onChange(v, obj, mode) {
-    type !== 'checkbox' ? setVisible(false) : '';
-
-    if (toggle) {
-      getChange === null || getChange === void 0 ? void 0 : getChange(v);
-      return;
-    }
-
-    var params = {
-      field: field,
-      value: v,
-      mapItem: obj
-    };
-    getChange === null || getChange === void 0 ? void 0 : getChange(params, mode);
-  };
-
-  var contentDom = function contentDom() {
-    switch (type) {
-      case 'input':
-        return /*#__PURE__*/_react.default.createElement(_components.Input, null);
-
-      case 'select':
-        return /*#__PURE__*/_react.default.createElement(_components.Select, null);
-
-      case 'checkbox':
-        return /*#__PURE__*/_react.default.createElement(_components.Checkbox, {
-          key: useKey
-        });
-
-      case 'tree':
-        return /*#__PURE__*/_react.default.createElement(_components.Tree, null);
-
-      case 'date':
-        return /*#__PURE__*/_react.default.createElement(_components.DatePicker, null);
-
-      default:
-        return /*#__PURE__*/_react.default.createElement(_components.Select, null);
-    }
-  }; // 清空筛选项
-
-
-  var handleClear = function handleClear(e) {
-    e === null || e === void 0 ? void 0 : e.stopPropagation();
-
-    if (type === 'checkbox') {
-      var nKey = field + Date.now();
-      setKey(nKey); // 重新渲染
-    }
-
-    var v = type === 'checkbox' ? [] : '';
-    onChange(v, (0, _objectSpread2.default)({}, item), 'and');
-  };
-
-  return /*#__PURE__*/_react.default.createElement(_popContext.default.Provider, {
-    value: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
-      onChange: onChange
-    })
-  }, /*#__PURE__*/_react.default.createElement(_popover.default, (0, _extends2.default)({
-    placement: "bottomLeft",
-    overlayClassName: "list-popover",
-    trigger: "click",
-    visible: useVisible,
-    onVisibleChange: handleClick,
-    content: content ? content(onChange) : contentDom
-  }, config), children || /*#__PURE__*/_react.default.createElement(_button.default, {
-    type: "link",
-    className: !!showTitle() || useVisible ? 'btn btn_active' : 'btn btn_not_active'
-  }, showLabel(), /*#__PURE__*/_react.default.createElement("span", {
-    className: "btn_value"
-  }, showValue()), showTitle() !== null ? /*#__PURE__*/_react.default.createElement(_IconFont.default, {
-    className: "btn_icon_close",
-    type: "lmweb-close-circle-fill",
-    onClick: handleClear
-  }) : useVisible ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "label_text"
-  }, /*#__PURE__*/_react.default.createElement("span", null, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement(_icons.UpOutlined, null)) : /*#__PURE__*/_react.default.createElement("span", {
-    className: "label_text"
-  }, /*#__PURE__*/_react.default.createElement("span", null, "\u5168\u90E8"), /*#__PURE__*/_react.default.createElement(_icons.DownOutlined, null)))));
-};
-
-var _default = Index;
-exports.default = _default;