@pisell/materials 2.2.9 → 2.2.11

package/lowcode/date-picker.old-range-picker/meta.ts

@@ -0,0 +1,305 @@
+import snippets from "./snippets";
+
+export default {
+  snippets,
+  componentName: "DatePicker.OldRangePicker",
+  title: "日期区间选择",
+  category: "表单",
+  docUrl: "",
+  screenshot: "",
+  devMode: "proCode",
+  npm: {
+    package: "@pisell/materials",
+    version: "1.0.1",
+    exportName: "DatePicker",
+    main: "src/index.tsx",
+    destructuring: true,
+    subName: "OldRangePicker",
+  },
+  configure: {
+    props: [
+      {
+        title: "值设置",
+        display: "block",
+        type: "group",
+        items: [
+          {
+            name: "defaultValue",
+            title: {
+              label: "默认值",
+              tip: "defaultValue | 默认值",
+            },
+            propType: "object",
+            setter: "JsonSetter",
+          },
+          {
+            name: "value",
+            title: {
+              label: "当前值",
+              tip: "value | 当前值",
+            },
+            propType: "object",
+            setter: "JsonSetter",
+          },
+          {
+            name: "defaultCalendarMonth",
+            title: {
+              label: "默认展示月份",
+              tip: "defaultCalendarMonth | 默认展示月份",
+            },
+            propType: "object",
+            setter: "JsonSetter",
+          },
+        ],
+      },
+      {
+        title: "功能选项",
+        display: "block",
+        type: "group",
+        items: [
+          {
+            name: "format",
+            title: {
+              label: "日期格式",
+              tip: "format | 展示的日期格式，配置参考 day.js",
+            },
+            propType: "string",
+            setter: "StringSetter",
+          },
+          {
+            name: "placeholder",
+            title: {
+              label: "提示文字",
+              tip: "placeholder | 输入框提示文字",
+            },
+            propType: "string",
+            setter: "PisellI18nSetter",
+          },
+          {
+            name: "allowClear",
+            title: {
+              label: "支持清除",
+              tip: "allowClear | 是否允许清除",
+            },
+            propType: "bool",
+            defaultValue: true,
+            setter: "BoolSetter",
+          },
+          {
+            name: "inputReadOnly",
+            title: {
+              label: "设置输入框为只读",
+              tip: "inputReadOnly | 设置输入框为只读",
+            },
+            propType: "bool",
+            setter: "BoolSetter",
+          },
+          {
+            name: "bordered",
+            title: {
+              label: "显示边框",
+              tip: "bordered | 是否有边框",
+            },
+            propType: "bool",
+            defaultValue: true,
+            setter: "BoolSetter",
+          },
+          {
+            name: 'open',
+            title: {
+              label: '弹层是否展开',
+              tip: 'open | 控制弹层是否展开',
+            },
+            propType: 'bool',
+            setter: 'BoolSetter',
+          },
+          {
+            name: 'clearEndOnSelection',
+            title: {
+              label: '再次选择日期时是否清除结束时间',
+              tip: 'open | 再次选择日期时是否清除结束时间',
+            },
+            propType: 'bool',
+            setter: 'BoolSetter',
+          },
+          {
+            name: "showTime",
+            title: {
+              label: "时间选择",
+              tip: "showTime | 时间选择",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
+          {
+            name: "popupWidth",
+            title: {
+              label: "弹窗宽度",
+              tip: "popupWidth | 弹窗宽度",
+            },
+            propType: "number",
+            setter: "NumberSetter",
+          },
+          {
+            name: "suffixIcon",
+            title: {
+              label: {
+                type: "i18n",
+                "en-US": "suffixIcon",
+                "zh-CN": "后缀图标",
+              },
+              tip: "后缀图标 | suffixIcon",
+            },
+            propType: "node",
+            setter: {
+              componentName: "SlotSetter",
+              defaultValue: false,
+              initialValue: {
+                type: "JSSlot",
+                value: [
+                  {
+                    componentName: "Icon",
+                    props: {
+                      type: "SmileOutlined",
+                      size: 20,
+                      rotate: 0,
+                      spin: false,
+                    },
+                  },
+                ],
+              },
+            },
+          },
+        ],
+      },
+      {
+        title: "高级",
+        display: "block",
+        type: "group",
+        items: [
+          {
+            name: "presets",
+            title: {
+              label: "预设范围",
+              tip: "ranges | 预设时间范围快捷选择",
+            },
+            propType: "object",
+            setter: "JsonSetter",
+          },
+          {
+            name: "disabledDate",
+            title: {
+              label: "不可选日期",
+              tip: "disabledDate | 不可选择的日期",
+            },
+            propType: "func",
+            setter: [
+              {
+                componentName: "FunctionSetter",
+                props: {
+                  template:
+                    "disabledDate(currentDate,${extParams}){\n// 设置不可选择的日期\nreturn true\n}",
+                },
+              },
+              "VariableSetter",
+            ],
+          },
+          {
+            name: "disablePortal",
+            title: {
+              label: "渲染位置",
+              tip: "disablePortal | true dom结构在当前结构下 false 追加到body",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
+          {
+            name: "returnShortcutString",
+            title: {
+              label: "使用快捷筛选时value返回快捷字符串",
+              tip: "returnShortcutString | 使用快捷筛选时返回快捷字符串",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
+        ],
+      },
+      // {
+      //   name: 'renderExtraFooter',
+      //   title: { label: '在面板中添加额外的页脚', tip: '在面板中添加额外的页脚' },
+      //   propType: 'func',
+      // },
+      {
+        name: 'className',
+        title: { label: '选择器 className', tip: '选择器 className' },
+        propType: 'string',
+      },
+      // {
+      //   name: 'dropdownClassName',
+      //   title: {
+      //     label: '额外的弹出日历 className',
+      //     tip: '额外的弹出日历 className',
+      //   },
+      //   propType: 'string',
+      // },
+      // {
+      //   name: 'getPopupContainer',
+      //   title: {
+      //     label: '定义浮层的容器，默认为 body 上新建 div',
+      //     tip: '定义浮层的容器，默认为 body 上新建 div',
+      //   },
+      //   propType: 'func',
+      // },
+      // {
+      //   name: 'locale',
+      //   title: { label: '国际化配置', tip: '国际化配置' },
+      //   propType: 'object',
+      // },
+      // {
+      //   name: 'popupStyle',
+      //   title: { label: '额外的弹出日历样式', tip: '额外的弹出日历样式' },
+      //   propType: 'CSSProperties',
+      //   defaultValue: '{}',
+      // },
+      // {
+      //   name: 'style',
+      //   title: { label: '自定义输入框样式', tip: '自定义输入框样式' },
+      //   propType: 'CSSProperties',
+      //   defaultValue: '{}',
+      // },
+    ],
+    supports: {
+      style: true,
+      events: [
+        {
+          name: "onChange",
+          template:
+            "onChange(dates,dateStrings,${extParams}){\n// 日期范围发生变化的回调\nconsole.log('onChange',dates,dateStrings);}",
+        },
+        {
+          name: "onDateChange",
+          template:
+            "onDateChange(dates,${extParams}){\n// 日期改变回调 此处只为了组件外拿到当前日期项进行状态操作 通常情况下只使用onChange来拿value\nconsole.log('dates',dates);}",
+        },
+        {
+          name: "onMonthChange",
+          template:
+            "onMonthChange(value,${extParams}){\n// 日历面板切换的回调\nconsole.log('onMonthChange',value);}",
+        },
+        {
+          name: "onClose",
+          template:
+            "onClose(${extParams}){\n// 关闭回调\nconsole.log('onClose');}",
+        },
+        {
+          name: "onOpen",
+          template:
+            "onOpen(${extParams}){\n// 打开回调\nconsole.log('onOpen');}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/date-picker.old-range-picker/snippets.ts

@@ -0,0 +1,11 @@
+export default [
+  {
+    title: '旧版区间',
+    screenshot:
+      'https://alifd.alicdn.com/fusion-cool/icons/icon-antd/date-picker-range-picker-4.png',
+    schema: {
+      componentName: 'DatePicker.OldRangePicker',
+      props: {},
+    },
+  },
+];

package/lowcode/date-picker.range-picker/meta.ts

@@ -205,6 +205,26 @@ export default {
               "VariableSetter",
             ],
           },
+          {
+            name: "disablePortal",
+            title: {
+              label: "渲染位置",
+              tip: "disablePortal | true dom结构在当前结构下 false 追加到body",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
+          {
+            name: "returnShortcutString",
+            title: {
+              label: "使用快捷筛选时value返回快捷字符串",
+              tip: "returnShortcutString | 使用快捷筛选时返回快捷字符串",
+            },
+            propType: "bool",
+            defaultValue: false,
+            setter: "BoolSetter",
+          },
         ],
       },
       // {

package/lowcode/drag-sort-tree/meta.ts

@@ -67,6 +67,11 @@ export default {
       title: { label: 'tabKey', tip: 'tabKey | 标识当前选中的tab' },
       propType: 'string',
     },
+    {
+      name: "hiddenKeys",
+      title: { label: '折叠当前项', tip: 'hiddenKeys | 折叠当前项的keys' },
+      propType: 'array',
+    },
     {
       name: "titleRender",
       title: { label: '标题', tip: '是否自定义标题内容 | node/func' },
@@ -74,7 +79,7 @@ export default {
     },
     {
       name: "hiddenDraggableIcon",
-      title: { label: "隐藏拖拽图标", tip: "是否隐藏拖拽图标" },
+      title: { label: "隐藏拖拽图标", tip: "是否隐藏拖拽图标 | 谨慎隐藏，移动端根据拖拽图标进行拖拽" },
       propType: "bool",
       defaultValue: false,
     },
@@ -102,6 +107,10 @@ export default {
           name: 'onChange',
           template: 'onChange(value,${extParams}){\n// 排序 改变的回调\n}',
         },
+        {
+          name: 'onHiddenChange',
+          template: 'onHiddenChange(value,${extParams}){\n// 折叠当前项的回调\n}',
+        },
       ]
     },
   },

package/lowcode/table/meta.ts

@@ -1802,6 +1802,10 @@ export default {
                                 title: "日期范围选择器",
                                 value: "rangePicker",
                               },
+                              {
+                                title: "旧版日期范围选择器",
+                                value: "oldRangePicker",
+                              },
                               {
                                 title: "树选择",
                                 value: "treeSelect",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "2.2.9",
+  "version": "2.2.11",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -61,9 +61,9 @@
     "react-window": "^1.8.10",
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
-    "@pisell/icon": "0.0.11",
     "@pisell/utils": "1.0.25",
-    "@pisell/date-picker": "1.0.74"
+    "@pisell/date-picker": "1.0.87",
+    "@pisell/icon": "0.0.11"
   },
   "peerDependencies": {
     "react": "^18.0.0",

package/dist/umd/materials.min.css

@@ -1 +0,0 @@
-.materials-grid{display:flex;flex-direction:column;height:100%;width:100%}.materials-grid-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-header .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.materials-grid-actions .left-wrap{align-items:center;display:flex;flex:1 1}.materials-grid-actions .left-wrap .pisell-lowcode-form-item{margin-bottom:0}.materials-grid-actions .right-wrap{align-items:center;display:flex;gap:8px}.materials-grid-actions .right-wrap .icon{cursor:pointer;transition:.2s}.materials-grid-actions .right-wrap .icon:hover{color:var(--theme-color)}.materials-grid-actions .right-wrap .button{align-items:center;display:flex;font-size:12px;height:28px;justify-content:center}.filter-dropdown-wrap{display:flex;flex-direction:column;max-height:400px;max-width:calc(100vw - 24px);min-width:250px;padding:4px;width:400px}.filter-dropdown-wrap .filter-dropdown-wrap-content{flex:1 1;overflow:auto}.filter-dropdown-wrap .filter-dropdown-drag-item{align-items:center;background:#f9fafb;background:var(--gray-50,#f9fafb);border-radius:8px;display:flex;margin-bottom:12px;padding:8px 12px 12px}.filter-dropdown-wrap .filter-dropdown-drag-item .dots-six-icon{color:#98a2b3;cursor:pointer;font-size:24px}.filter-dropdown-wrap .filter-dropdown-drag-item .pisell-lowcode-form-item{margin-bottom:0}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right{flex:1 1;margin-left:16px}.filter-dropdown-wrap .filter-dropdown-drag-item .filter-dropdown-drag-item-right .filter-dropdown-drag-item-title{color:#777;color:var(--text-text-2,#777);font-size:14px;font-style:normal;font-weight:600;line-height:20px}.filter-dropdown-container-wrap{border-bottom:1px solid #e2e2e2;border-bottom:1px solid var(--surface-surface-4,#e2e2e2);margin-bottom:20px;min-height:70px}.filter-dropdown-container-wrap:last-child{border:none}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap{align-items:center;color:#919191;color:var(--text-text-3,#919191);display:flex;font-size:16px;font-style:normal;font-weight:600;line-height:22px;margin-bottom:12px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-title{color:#101828;color:var(--gray-900,#101828);font-size:16px;font-style:normal;font-weight:600;line-height:24px;margin-right:6px}.filter-dropdown-container-wrap .filter-dropdown-container-title-wrap .filter-dropdown-container-icon-help{color:#98a2b3;color:var(--gray-400,#98a2b3);font-size:20px}.filter-dropdown-container-wrap .filter-dropdown-container-filter-wrap{min-height:80px}.materials-sort-list-empty{color:#5a5a5a;display:block;padding-top:22px;text-align:center}.materials-grid-summary{margin-bottom:16px}.grid-view-table-wrap{position:relative}.materials-grid-paginator{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:center;margin:0!important;padding:0 20px;width:100%}.materials-grid-paginator .pisell-lowcode-pagination-total-text{color:#667085;color:var(--gray-500,#667085);font-size:14px;font-style:normal;font-weight:500;margin-right:auto}.materials-grid-paginator .pisell-lowcode-pagination-item{border:1px solid #d0d5dd;border-radius:0;border-right:0;margin:0;position:relative}.materials-grid-paginator .pisell-lowcode-pagination-jump-next,.materials-grid-paginator .pisell-lowcode-pagination-jump-prev{border:1px solid #d0d5dd;border-radius:0;border-right:none;margin:0}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-link:hover .pisell-lowcode-pagination-item-link-icon{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active:hover{border-color:#d0d5dd!important}.materials-grid-paginator .pisell-lowcode-pagination-item-active{background-color:rgba(0,0,0,.06)}.materials-grid-paginator .pisell-lowcode-pagination-item-active a{color:rgba(0,0,0,.88)!important;font-weight:450!important}.materials-grid-paginator .pisell-lowcode-pagination-prev{align-items:center;border:1px solid #d0d5dd;border-radius:8px 0 0 8px;border-right:none;display:flex;justify-content:center;margin:0;min-width:auto}.materials-grid-paginator .pisell-lowcode-pagination-next{align-items:center;border:1px solid #d0d5dd;border-radius:0 8px 8px 0;display:flex;justify-content:center;margin:0;min-width:auto}.paginator-page-btn{align-items:center;border-radius:4px 4px 4px 4px;color:#344054;color:var(--gray-700,#344054);cursor:pointer;display:flex;font-size:12px;font-weight:400;justify-content:center;padding:10px 16px;transition:.2s;-ms-user-select:none;user-select:none}.paginator-page-btn .paginator-page-btn-text{font-weight:600}.paginator-page-btn .paginator-page-btn-left-icon,.paginator-page-btn .paginator-page-btn-right-icon{font-size:20px}.paginator-page-btn .paginator-page-btn-left-icon{margin-right:8px}.paginator-page-btn .paginator-page-btn-right-icon{margin-left:8px}.paginator-page-btn.left{margin-right:auto}.paginator-page-btn.left .icon{font-size:18px;margin-right:8px}.paginator-page-btn.right{margin-left:auto}.paginator-page-btn.right .icon{font-size:18px;margin-left:8px;transform:rotate(180deg)}.materials-grid-paginator-mini{align-items:center;background-color:#fff;border:1px solid #f0f0f0;border-radius:0 0 8px 8px;border-top:none;display:flex;height:50px;justify-content:space-between;margin:0!important;overflow:hidden;padding:0 20px;width:100%}.materials-grid-paginator-mini .paginator-page-btn{padding:8px}.materials-grid-paginator-mini .materials-grid-paginator-center{align-items:center;display:flex;gap:4px;justify-content:center}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-text{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:400}.materials-grid-paginator-mini .materials-grid-paginator-center .materials-grid-paginator-center-value{color:#344054;color:var(--gray-700,#344054);font-size:14px;font-style:normal;font-weight:500}.materials-grid-paginator-mini .pisell-lowcode-pagination-next,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev{border:1px solid #d0d5dd;border-radius:8px;margin:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-left-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-left-icon{margin-right:0}.materials-grid-paginator-mini .pisell-lowcode-pagination-next .paginator-page-btn-right-icon,.materials-grid-paginator-mini .pisell-lowcode-pagination-prev .paginator-page-btn-right-icon{margin-left:0}.react-resizable{position:relative}.react-resizable-handle{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgd2lkdGg9IjYiIGhlaWdodD0iNiI+PHBhdGggZD0iTTYgNkgwVjQuMmg0LjJWMEg2djZaIiBvcGFjaXR5PSIuMzAyIi8+PC9zdmc+);background-origin:content-box;background-position:100% 100%;background-repeat:no-repeat;box-sizing:border-box;height:20px;padding:0 3px 3px 0;position:absolute;width:20px}.react-resizable-handle-sw{bottom:0;cursor:sw-resize;left:0;transform:rotate(90deg)}.react-resizable-handle-se{bottom:0;cursor:se-resize;right:0}.react-resizable-handle-nw{cursor:nw-resize;left:0;top:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;right:0;top:0;transform:rotate(270deg)}.react-resizable-handle-e,.react-resizable-handle-w{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;left:50%;margin-left:-10px}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.materials-grid-table-header-cell{align-items:center;display:flex;height:44px;padding:0 14px}.materials-grid-table-header-cell .field-icon{color:#777;font-size:18px}.materials-grid-table-header-cell .materials-grid-table-header-cell-content{color:#1b1b1b;flex:auto;font-size:14px;font-weight:600;overflow:hidden;padding-right:10px;text-overflow:ellipsis;white-space:nowrap;word-break:break-all}.materials-grid-table-header-cell .actions{align-items:center;display:flex;gap:8px}.materials-grid-table-header-cell .actions .action{color:#ababab;cursor:pointer;font-size:14px}.editable-cell-value-wrap{height:100%;width:100%}.materials-grid-table-cell{height:1px;padding:0!important}.cell-provider{align-items:center;border-radius:4px;cursor:pointer;display:flex;height:100%;justify-content:center;padding:12px;position:relative;width:100%}.cell-provider.focus{box-shadow:var(--theme-color) 0 0 0 1px!important}