@pisell/materials 1.0.586 → 1.0.588

package/lib/components/iconSelect/utils.js

@@ -0,0 +1,119 @@
+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/iconSelect/utils.tsx
+var utils_exports = {};
+__export(utils_exports, {
+  get: () => get,
+  getAntdIconList: () => getAntdIconList,
+  getIconList: () => getIconList
+});
+module.exports = __toCommonJS(utils_exports);
+var import_react = __toESM(require("react"));
+function get(obj, path, defaultValue) {
+  if (!path)
+    return defaultValue;
+  const keys = path.split(".");
+  let result = obj;
+  for (const key of keys) {
+    if (result == null) {
+      return defaultValue;
+    }
+    result = result[key];
+  }
+  return result === void 0 ? defaultValue : result;
+}
+function getIconfontIconList() {
+  const symbols = Array.prototype.slice.call(
+    window.document.querySelectorAll(
+      'svg[style="position: absolute; width: 0px; height: 0px; overflow: hidden;"][aria-hidden="true"] > symbol'
+    )
+  );
+  return symbols.map((symbol) => {
+    const { id } = symbol;
+    return {
+      name: id,
+      group: "iconfont",
+      icon: (props) => /* @__PURE__ */ import_react.default.createElement("span", { role: "img", className: "anticon" }, /* @__PURE__ */ import_react.default.createElement(
+        "svg",
+        {
+          viewBox: "64 64 896 896",
+          width: "1em",
+          height: "1em",
+          fill: "currentColor",
+          dangerouslySetInnerHTML: { __html: symbol.innerHTML }
+        }
+      ))
+    };
+  });
+}
+function getAntdIconList() {
+  const antdIcons = window.icons;
+  return Object.keys(antdIcons).map((key) => {
+    var _a;
+    const item = antdIcons[key];
+    if (typeof item !== "object") {
+      return null;
+    }
+    const name = (item == null ? void 0 : item.displayName) ?? ((_a = item == null ? void 0 : item.render) == null ? void 0 : _a.displayName) ?? key;
+    let group = "outlined";
+    const lowercaseName = name.toLowerCase();
+    if (/outlined$/.test(lowercaseName)) {
+      group = "outlined";
+    } else if (/filled$/.test(lowercaseName)) {
+      group = "filled";
+    } else if (/twotone$/.test(lowercaseName)) {
+      group = "two-tone";
+    } else {
+      return null;
+    }
+    return {
+      name,
+      group,
+      icon: item
+    };
+  }).filter(Boolean);
+}
+function getIconList() {
+  const iconfontIconList = getIconfontIconList();
+  const antdIconList = getAntdIconList();
+  const allIcons = [...iconfontIconList, ...antdIconList];
+  const uniqueIconsMap = /* @__PURE__ */ new Map();
+  allIcons.forEach((icon) => {
+    if (!uniqueIconsMap.has(icon.name)) {
+      uniqueIconsMap.set(icon.name, icon);
+    }
+  });
+  return Array.from(uniqueIconsMap.values());
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  get,
+  getAntdIconList,
+  getIconList
+});

package/lib/index.d.ts

@@ -138,6 +138,7 @@ export { default as FormItemSelect } from './components/dataSourceComponents/fie
 export { default as FormItemTimePicker } from './components/dataSourceComponents/fields/TimePicker';
 export { default as FormItemUpload } from './components/dataSourceComponents/fields/Upload';
 export { default as FormItemTranslation } from './components/dataSourceComponents/fields/Translation';
+export { default as FormItemIconSelect } from './components/dataSourceComponents/fields/IconSelect';
 export { default as DataSourceTable } from './components/dataSourceComponents/dataSourceTable';
 export { default as DataSourceWrapper } from './components/dataSourceComponents/dataSourceWrapper';
 export { default as DataSourceTypography } from './components/dataSourceComponents/dataSourceShow/dataSourceTypography';
@@ -155,3 +156,4 @@ export { default as PageHeader } from './components/page-header';
 export { default as OrganizationTenantSwitcher } from './components/organizationTenantSwitcher';
 export { default as loginAndRegister } from './components/login-and-register';
 export { default as PublishVersionModal } from './components/versionModal';
+export { default as IconSelect } from './components/iconSelect';

package/lib/index.js

@@ -75,6 +75,7 @@ __export(src_exports, {
   FormItemCheckbox: () => import_Checkbox.default,
   FormItemColorPicker: () => import_ColorPicker.default,
   FormItemDatePicker: () => import_DatePicker.default,
+  FormItemIconSelect: () => import_IconSelect.default,
   FormItemInput: () => import_Input.default,
   FormItemInputNumber: () => import_InputNumber.default,
   FormItemRadio: () => import_Radio.default,
@@ -84,6 +85,7 @@ __export(src_exports, {
   FormItemUpload: () => import_Upload.default,
   Grid: () => import_antd12.Grid,
   Icon: () => import_icon.default,
+  IconSelect: () => import_iconSelect.default,
   Iconfont: () => import_iconfont.default,
   Image: () => import_antd13.Image,
   Input: () => import_input.default,
@@ -329,6 +331,7 @@ var import_Select = __toESM(require("./components/dataSourceComponents/fields/Se
 var import_TimePicker = __toESM(require("./components/dataSourceComponents/fields/TimePicker"));
 var import_Upload = __toESM(require("./components/dataSourceComponents/fields/Upload"));
 var import_Translation = __toESM(require("./components/dataSourceComponents/fields/Translation"));
+var import_IconSelect = __toESM(require("./components/dataSourceComponents/fields/IconSelect"));
 var import_dataSourceTable = __toESM(require("./components/dataSourceComponents/dataSourceTable"));
 var import_dataSourceWrapper = __toESM(require("./components/dataSourceComponents/dataSourceWrapper"));
 var import_dataSourceTypography = __toESM(require("./components/dataSourceComponents/dataSourceShow/dataSourceTypography"));
@@ -346,6 +349,7 @@ var import_page_header = __toESM(require("./components/page-header"));
 var import_organizationTenantSwitcher = __toESM(require("./components/organizationTenantSwitcher"));
 var import_login_and_register = __toESM(require("./components/login-and-register"));
 var import_versionModal = __toESM(require("./components/versionModal"));
+var import_iconSelect = __toESM(require("./components/iconSelect"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Affix,
@@ -394,6 +398,7 @@ var import_versionModal = __toESM(require("./components/versionModal"));
   FormItemCheckbox,
   FormItemColorPicker,
   FormItemDatePicker,
+  FormItemIconSelect,
   FormItemInput,
   FormItemInputNumber,
   FormItemRadio,
@@ -403,6 +408,7 @@ var import_versionModal = __toESM(require("./components/versionModal"));
   FormItemUpload,
   Grid,
   Icon,
+  IconSelect,
   Iconfont,
   Image,
   Input,

package/lib/locales/en-US.d.ts

@@ -168,11 +168,11 @@ declare const _default: {
     'walletCard-discount': string;
     'pisellQrcode-done': string;
     'pisellQrcode-qrcode': string;
-    'pisell-design-mode-action-disabled': string;
     'pisell-delete-confirm-title': string;
     'pisell-delete-confirm-content': string;
     'pisell-delete-confirm-ok': string;
     'pisell-delete-confirm-cancel': string;
+    'pisell-design-mode-action-disabled': string;
     'pisell-translation-original': string;
     'pisell-version-modal-title': string;
     'pisell-version-modal-current-version': string;
@@ -187,5 +187,12 @@ declare const _default: {
     'pisell-version-modal-describe-update-notes': string;
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
 };
 export default _default;

package/lib/locales/en-US.js

@@ -209,7 +209,6 @@ var en_US_default = {
   //PisellQrcode组件
   "pisellQrcode-done": "Done",
   "pisellQrcode-qrcode": "QR code",
-  "pisell-design-mode-action-disabled": "This action cannot be performed in edit mode",
   "pisell-delete-confirm-title": "Confirm Delete",
   "pisell-delete-confirm-content": "Are you sure you want to delete this record? This action cannot be undone.",
   "pisell-delete-confirm-ok": "Delete",
@@ -228,5 +227,12 @@ var en_US_default = {
   "pisell-version-modal-confirm": "Confirm",
   "pisell-version-modal-describe-update-notes": "Describe the main changes in this version...",
   "pisell-version-modal-version-error": "Version number must be greater than the current version",
-  "pisell-version-modal-version-required": "Version number is required"
+  "pisell-version-modal-version-required": "Version number is required",
+  "pisell-icon-select-placeholder": "Select icon",
+  "pisell-icon-select-outlined": "Outlined",
+  "pisell-icon-select-filled": "Filled",
+  "pisell-icon-select-two-tone": "Two-tone",
+  "pisell-icon-select-iconfont": "Iconfont",
+  "pisell-icon-select-search": "Search icon",
+  "pisell-icon-select-select": "Select icon"
 };

package/lib/locales/zh-CN.d.ts

@@ -187,5 +187,12 @@ declare const _default: {
     'pisell-version-modal-describe-update-notes': string;
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
 };
 export default _default;

package/lib/locales/zh-CN.js

@@ -226,5 +226,12 @@ var zh_CN_default = {
   "pisell-version-modal-confirm": "确定",
   "pisell-version-modal-describe-update-notes": "描述此版本的主要更改...",
   "pisell-version-modal-version-error": "版本号必须大于当前版本",
-  "pisell-version-modal-version-required": "版本号为必填项"
+  "pisell-version-modal-version-required": "版本号为必填项",
+  "pisell-icon-select-placeholder": "请选择图标",
+  "pisell-icon-select-outlined": "线框风格",
+  "pisell-icon-select-filled": "实底风格",
+  "pisell-icon-select-two-tone": "双色风格",
+  "pisell-icon-select-iconfont": "Iconfont",
+  "pisell-icon-select-search": "搜索图标",
+  "pisell-icon-select-select": "选择图标"
 };

package/lib/locales/zh-TW.d.ts

@@ -187,5 +187,12 @@ declare const _default: {
     'pisell-version-modal-describe-update-notes': string;
     'pisell-version-modal-version-error': string;
     'pisell-version-modal-version-required': string;
+    'pisell-icon-select-placeholder': string;
+    'pisell-icon-select-outlined': string;
+    'pisell-icon-select-filled': string;
+    'pisell-icon-select-two-tone': string;
+    'pisell-icon-select-iconfont': string;
+    'pisell-icon-select-search': string;
+    'pisell-icon-select-select': string;
 };
 export default _default;

package/lib/locales/zh-TW.js

@@ -227,5 +227,12 @@ var zh_TW_default = {
   "pisell-version-modal-confirm": "确定",
   "pisell-version-modal-describe-update-notes": "描述此版本的主要更改...",
   "pisell-version-modal-version-error": "版本號必須大於當前版本",
-  "pisell-version-modal-version-required": "版本號為必填項"
+  "pisell-version-modal-version-required": "版本號為必填項",
+  "pisell-icon-select-placeholder": "選擇圖標",
+  "pisell-icon-select-outlined": "線框風格",
+  "pisell-icon-select-filled": "實底風格",
+  "pisell-icon-select-two-tone": "雙色風格",
+  "pisell-icon-select-iconfont": "Iconfont",
+  "pisell-icon-select-search": "搜索圖標",
+  "pisell-icon-select-select": "選擇圖標"
 };

package/lowcode/_setters/antd-icon-setter/index.tsx

@@ -22,8 +22,6 @@ function getIconfontIconList() {
     any
   >;
 
-  console.log(antdIcons,'antdIcons');
-
   // iconfont的js会在页面中添加svg元素
   const symbols = Array.prototype.slice.call(
     iframe.contentDocument!.querySelectorAll(
@@ -102,7 +100,16 @@ function getIconList() {
   const iconfontIconList = getIconfontIconList();
   const antdIconList = getAntdIconList();
 
-  return [...antdIconList, ...iconfontIconList];
+  const allIcons = [...antdIconList, ...iconfontIconList];
+
+  const uniqueIconsMap = new Map();
+  allIcons.forEach(icon => {
+    if (!uniqueIconsMap.has(icon?.name)) {
+      uniqueIconsMap.set(icon?.name, icon);
+    }
+  });
+
+  return Array.from(uniqueIconsMap.values());
 }
 
 const Icon = (props: any) => {
@@ -271,7 +278,7 @@ AntdIconSetter.defaultProps = {
   value: undefined,
   type: 'string',
   defaultValue: '',
-  hasClear: false,
+  hasClear: true,
   placeholder: '请点击选择 Icon',
   onChange: () => undefined,
 };

package/lowcode/data-source-form/constants.ts

@@ -70,7 +70,8 @@ export const nocobaseCpt2PisellCptMap: Record<string, any> = {
   'Radio.Group': 'FormItemRadio.Group',
   'Checkbox.Group': 'FormItemCheckbox.Group',
   Upload: 'FormItemUpload',
-  Translation: "FormItemTranslation"
+  Translation: "FormItemTranslation",
+  IconPicker: "FormItemIconSelect",
 };
 
 

package/lowcode/form-item-icon-select/meta.ts

@@ -0,0 +1,65 @@
+import snippets from './snippets';
+import { AntdIconSetter } from '../_setters';
+import {
+  formItemGeneralDataGroup,
+  getFormItemGeneralInfoGroup,
+  generalItemMap,
+  getFormItemValidateGroup,
+} from '../_utils/defaultSchema';
+
+export default {
+  snippets,
+  componentName: 'FormItemIconSelect',
+  title: '高级选择图标',
+  category: '表单',
+  group: '无代码组件',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '1.0.1',
+    exportName: 'FormItemIconSelect',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  generalProps: [
+    formItemGeneralDataGroup,
+    getFormItemGeneralInfoGroup([
+      generalItemMap['label'],
+      generalItemMap['tooltip'],
+      generalItemMap['extra'],
+      generalItemMap['hideLabel'],
+      generalItemMap['renderMode'],
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'defaultValue',
+            'zh-CN': '默认图标',
+          },
+        },
+        name: 'defaultValue',
+        setter: AntdIconSetter,
+        supportVariable: true,
+      },
+    ]),
+    getFormItemValidateGroup([
+      generalItemMap['requiredobj'],
+    ]),
+  ],
+  props: [],
+  configure: {
+    supports: {
+      style: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(event,${extParams}){\n// 输入框内容变化时的回调\nconsole.log('onChange',event);}",
+        },
+      ],
+    },
+  },
+};

package/lowcode/form-item-icon-select/snippets.ts

@@ -0,0 +1,11 @@
+
+export default [
+  {
+    title: '高级选择图标',
+    schema: {
+      componentName: 'FormItemIconSelect',
+      title: '高级选择图标',
+      props: {},
+    },
+  },
+];

package/lowcode/icon-select/meta.ts

@@ -0,0 +1,98 @@
+import { ComponentMetadata, Snippet } from '@alilc/lowcode-types';
+import { AntdIconSetter } from '../_setters';
+
+const IconSelectMeta: ComponentMetadata = {
+  componentName: 'IconSelect',
+  title: '选择图标',
+  docUrl: '',
+  screenshot: '',
+  devMode: 'proCode',
+  npm: {
+    package: '@pisell/materials',
+    version: '0.1.0',
+    exportName: 'IconSelect',
+    main: 'src/index.tsx',
+    destructuring: true,
+    subName: '',
+  },
+  configure: {
+    props: [
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'value',
+            'zh-CN': '当前图标',
+          },
+        },
+        name: 'value',
+        setter: AntdIconSetter,
+        supportVariable: true,
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'defaultValue',
+            'zh-CN': '默认图标',
+          },
+        },
+        name: 'defaultValue',
+        setter: AntdIconSetter,
+        supportVariable: true,
+      },
+      {
+        title: {
+          label: {
+            type: 'i18n',
+            'en-US': 'disabled',
+            'zh-CN': '是否禁用',
+          },
+        },
+        name: 'disabled',
+        setter: 'BoolSetter',
+        defaultValue: false,
+        supportVariable: true,
+      },
+    ],
+    supports: {
+      style: true,
+      className: true,
+      events: [
+        {
+          name: 'onChange',
+          template:
+            "onChange(icon,${extParams}){\n// 选择icon变化时的回调\nconsole.log('onChange',icon);}",
+        },
+      ],
+    },
+    component: {
+      isContainer: false,
+      nestingRule: {
+        childWhitelist: [],
+      },
+    },
+  },
+  experimental: {
+    callbacks: {},
+  },
+  category: '表单',
+};
+
+const snippets: Snippet[] = [
+  {
+    title: '选择图标',
+    screenshot: '',
+    schema: {
+      componentName: 'IconSelect',
+      props: {
+        placeholder: '选择图标',
+      },
+    },
+  },
+];
+
+export default {
+  ...IconSelectMeta,
+  snippets,
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pisell/materials",
-  "version": "1.0.586",
+  "version": "1.0.588",
   "main": "./lib/index.js",
   "module": "./es/index.js",
   "types": "./lib/index.d.ts",