@pisell/materials 3.0.32 → 3.0.33

package/lib/components/table/Table/fields/oldRangePicker/Show/index.js

@@ -0,0 +1,48 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Table/fields/oldRangePicker/Show/index.tsx
+var Show_exports = {};
+__export(Show_exports, {
+  default: () => Show_default
+});
+module.exports = __toCommonJS(Show_exports);
+var import_react = __toESM(require("react"));
+var Show = (props) => {
+  const {
+    title,
+    editable,
+    dataIndex,
+    field_type,
+    record,
+    handleSave,
+    ...restProps
+  } = props;
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: "" }, record[dataIndex]);
+};
+var Show_default = Show;

package/lib/components/table/Table/fields/oldRangePicker/Sort/index.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+declare const Sort: () => React.JSX.Element;
+export default Sort;

package/lib/components/table/Table/fields/oldRangePicker/Sort/index.js

@@ -0,0 +1,39 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Table/fields/oldRangePicker/Sort/index.tsx
+var Sort_exports = {};
+__export(Sort_exports, {
+  default: () => Sort_default
+});
+module.exports = __toCommonJS(Sort_exports);
+var import_react = __toESM(require("react"));
+var Sort = () => {
+  return /* @__PURE__ */ import_react.default.createElement("div", null);
+};
+var Sort_default = Sort;

package/lib/components/table/Table/fields/oldRangePicker/filterUtil/index.d.ts

@@ -0,0 +1,13 @@
+import { Dayjs } from "dayjs";
+/**
+ * 判断dataSource日期是否在filters范围内
+ * @param value 日期数组
+ * @param key 对应日期在对象中的键
+ * @param item 包含日期的对象
+ * @returns 如果日期在给定范围内返回true，否则返回false
+ */
+export default function ({ value, key, item, }: {
+    value: (string | Dayjs)[];
+    key: string | string[];
+    item: Record<string, any>;
+}): boolean;

package/lib/components/table/Table/fields/oldRangePicker/filterUtil/index.js

@@ -0,0 +1,61 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Table/fields/oldRangePicker/filterUtil/index.ts
+var filterUtil_exports = {};
+__export(filterUtil_exports, {
+  default: () => filterUtil_default
+});
+module.exports = __toCommonJS(filterUtil_exports);
+var import_dayjs = __toESM(require("dayjs"));
+var import_utils = require("@pisell/utils");
+var import_utils2 = require("../../utils");
+function isDateInRange(date, [startDate, endDate]) {
+  return date.isSame(startDate) || date.isSame(endDate) || date.isAfter(startDate) && date.isBefore(endDate);
+}
+function filterUtil_default({
+  value,
+  key,
+  item
+}) {
+  if (!value)
+    return true;
+  if ((value == null ? void 0 : value.length) !== 2)
+    return true;
+  const valueDayjsObj = value.map((item2) => (0, import_dayjs.default)(item2 || ""));
+  if (valueDayjsObj.some((item2) => !item2.isValid())) {
+    return true;
+  }
+  const dataValue = (0, import_utils2.getValueByKeys)(item, key);
+  if ((0, import_utils.isUndefined)(dataValue))
+    return false;
+  const dataDayjsObj = (0, import_dayjs.default)(dataValue);
+  if (!dataDayjsObj.isValid())
+    return false;
+  return isDateInRange(dataDayjsObj, valueDayjsObj);
+}

package/lib/components/table/Table/fields/oldRangePicker/index.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import filter from "./filterUtil";
+declare const _default: {
+    field: {
+        field_icon: string;
+        field_name: string;
+        field_type: string;
+        default_value: string;
+    };
+    config: () => import("react").JSX.Element;
+    edit: import("react").ForwardRefExoticComponent<Omit<import("../types").EditPropsType, "ref"> & import("react").RefAttributes<any>>;
+    sort: () => import("react").JSX.Element;
+    show: (props: import("../types").FieldPropsType) => import("react").JSX.Element;
+    filterFn: typeof filter;
+};
+export default _default;

package/lib/components/table/Table/fields/oldRangePicker/index.js

@@ -0,0 +1,53 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/table/Table/fields/oldRangePicker/index.tsx
+var oldRangePicker_exports = {};
+__export(oldRangePicker_exports, {
+  default: () => oldRangePicker_default
+});
+module.exports = __toCommonJS(oldRangePicker_exports);
+var import_Config = __toESM(require("./Config"));
+var import_Edit = __toESM(require("./Edit"));
+var import_Show = __toESM(require("./Show"));
+var import_Sort = __toESM(require("./Sort"));
+var import_filterUtil = __toESM(require("./filterUtil"));
+var field = {
+  field_icon: "pi-a-Property3Singlelinetext",
+  field_name: "OldRangePicker",
+  field_type: "oldRangePicker",
+  default_value: "OldRangePicker"
+};
+var oldRangePicker_default = {
+  field,
+  config: import_Config.default,
+  edit: import_Edit.default,
+  sort: import_Sort.default,
+  show: import_Show.default,
+  filterFn: import_filterUtil.default
+};

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/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": "3.0.32",
+  "version": "3.0.33",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",
@@ -62,8 +62,8 @@
     "react-virtualized-auto-sizer": "^1.0.20",
     "crypto-js": "^4.2.0",
     "@pisell/utils": "1.0.25",
-    "@pisell/date-picker": "1.0.87",
-    "@pisell/icon": "0.0.11"
+    "@pisell/icon": "0.0.11",
+    "@pisell/date-picker": "1.0.88"
   },
   "peerDependencies": {
     "react": "^18.0.0",