@gct-paas/schema 0.1.4-dev.8 → 0.1.4-dev.9

package/dist/index.esm.min.mjs

@@ -1,6 +1,173 @@
-import { BorderStyle as i, TagTypeEnum as b, TextDecoration as g } from "@gct-paas/core";
-import { has as m, isEmpty as a, pick as u, isNil as l } from "lodash-es";
-const B = {
+import { BuiltinType as E, Platform as s, PropGroup as n, StyleGroup as f, buildShortUUID as h, BorderStyle as u, TagTypeEnum as F, TextDecoration as I, FIELD_TYPE as r, Dependency_ENUM as m, ASSIGNMENTSTRATEGY_ENUM as _, MaterialEnum as c, FormComponents as x, t as y, ButtonSize as L, ButtonType as W, ButtonStyle as A, ButtonColorType as k, ButtonColorTheme as P } from "@gct-paas/core";
+import { cloneDeep as U, has as G, isEmpty as g, pick as v, isNil as B } from "lodash-es";
+const z = {
+  id: "",
+  type: E.MODAL_BODY,
+  children: []
+}, j = {
+  id: "",
+  type: E.MODAL_FOOTER,
+  children: []
+}, $ = {
+  id: "",
+  /**默认是WEB 添加的时候会根据当前环境改变 */
+  platform: s.WEB,
+  /**系统用的name */
+  name: "sys.pageDesigner.modal",
+  alias: "",
+  /**用户新建编辑的name */
+  modalName: "",
+  type: E.MODAL,
+  js: "",
+  css: "",
+  children: [z, j],
+  props: {
+    modalTitle: "弹窗",
+    unitType: "px",
+    modalWidth: 800,
+    isSubTableModal: !1,
+    bindSubTableId: "",
+    createModalTitle: "新建弹窗",
+    editModalTitle: "编辑弹窗",
+    hasFooter: !0,
+    openMode: "modal",
+    /**just mobile */
+    mUnitType: "%",
+    mModalWidth: 80
+  },
+  style: {
+    paddingAll: "16",
+    paddingTop: "16",
+    paddingRight: "16",
+    paddingBottom: "16",
+    paddingLeft: "16"
+  },
+  events: {},
+  i18n: {},
+  runJs: "",
+  los: {},
+  icon: "icon-motaikuang1",
+  isField: !1
+}, Y = [
+  {
+    component: "text-editor",
+    name: "modalTitle",
+    label: "sys.pageDesigner.modalTitleName",
+    group: n.BASIC,
+    _config: {
+      showCount: !0,
+      maxlength: 32
+    },
+    hidden: (e) => e.props.isSubTableModal
+  },
+  {
+    component: "input-unit-editor",
+    name: { unitType: "unitType", modalWidth: "modalWidth" },
+    label: "sys.pageDesigner.modalWidthProp",
+    group: n.MODAL,
+    hidden: (e) => e.platform === s.MOBILE
+  },
+  {
+    component: "input-unit-editor",
+    name: { unitType: "mUnitType", modalWidth: "mModalWidth" },
+    label: "sys.pageDesigner.modalHeightProp",
+    group: n.MODAL,
+    hidden: (e) => e.platform !== s.MOBILE,
+    _config: {
+      filterUnitType: "px"
+    }
+  },
+  {
+    component: "text-editor",
+    name: "createModalTitle",
+    label: "sys.pageDesigner.createModalTitle",
+    group: n.MODALTITLECONFIG,
+    _config: {
+      i18n: !0
+    },
+    hidden: (e) => !e.props.isSubTableModal
+  },
+  {
+    component: "text-editor",
+    name: "editModalTitle",
+    label: "sys.pageDesigner.editModalTitle",
+    group: n.MODALTITLECONFIG,
+    _config: {
+      i18n: !0
+    },
+    hidden: (e) => !e.props.isSubTableModal
+  },
+  {
+    component: "select-editor",
+    name: "openMode",
+    label: "sys.appDesigner.openMode",
+    group: n.MODAL,
+    hidden: (e) => e.platform !== s.WEB,
+    _config: {
+      options: () => [
+        {
+          label: "打开弹窗页面",
+          value: "modal"
+        },
+        {
+          label: "右侧划入页面",
+          value: "drawer"
+        }
+      ]
+    },
+    changeCallback: (e, o) => {
+      o === "drawer" ? (e.props.unitType = "%", e.props.modalWidth = 80) : (e.props.unitType = "px", e.props.modalWidth = 800);
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "hasFooter",
+    label: "sys.pageDesigner.operateButton",
+    group: n.BUTTON,
+    hidden: (e) => e.props.isSubTableModal
+  }
+], X = [
+  {
+    component: "color-editor",
+    name: "backgroundColor",
+    label: "sys.pageDesigner.backgroundColor",
+    group: f.BACKGROUND
+  },
+  {
+    component: "margin-editor",
+    group: f.MARGIN,
+    _config: {
+      hiddenMarginOrPadding: "margin"
+    }
+  }
+], H = [
+  {
+    name: "onMounted",
+    title: "sys.pageDesigner.onMounted",
+    params: []
+  }
+], K = () => {
+}, V = (e) => {
+  e.children[0].id = h(e.children[0].type), e.children[1].id = h(e.children[1].type);
+}, J = {
+  basicProps: {
+    key_label: "弹窗",
+    alias_hidden: !0
+  }
+}, me = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  beforeCreate: V,
+  designerConfig: J,
+  eventList: H,
+  propEditorList: Y,
+  runCallback: K,
+  styleEditorList: X,
+  widget: $
+}, Symbol.toStringTag, { value: "Module" }));
+function p(e) {
+  return Object.prototype.hasOwnProperty.call(e.props, "model") ? !e.props.model : Object.prototype.hasOwnProperty.call(e.props, "refForm") ? !e.props.refForm : !1;
+}
+const ge = {
   position: "",
   top: "",
   left: "",
@@ -24,7 +191,7 @@ const B = {
     fontSize: "",
     bold: !1,
     italic: !1,
-    textDecoration: g.NONE,
+    textDecoration: I.NONE,
     color: ""
   },
   contentFont: {
@@ -32,36 +199,36 @@ const B = {
     fontSize: "",
     bold: !1,
     italic: !1,
-    textDecoration: g.NONE,
+    textDecoration: I.NONE,
     color: ""
   },
   tagStyle: {
     color: "",
-    tagType: b.RADIUS
+    tagType: F.RADIUS
   },
   tagStyleOpen: !1,
   borderAll: {
-    borderStyle: i.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderLeft: {
-    borderStyle: i.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderRight: {
-    borderStyle: i.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderBottom: {
-    borderStyle: i.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderTop: {
-    borderStyle: i.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
@@ -70,7 +237,7 @@ const B = {
   borderBottomRightRadius: "0",
   borderBottomLeftRadius: "0",
   borderAllRadius: "0"
-}, E = [
+}, be = [
   "position",
   "backgroundColor",
   "bold",
@@ -79,23 +246,183 @@ const B = {
   "color",
   "borderStyle",
   "borderColor"
+], Q = [
+  r.TEXT,
+  r.LONG_TEXT,
+  r.INTEGER,
+  r.LONG,
+  r.DOUBLE,
+  r.DECIMAL,
+  r.BOOLEAN,
+  r.DATE,
+  r.TIME,
+  r.DATE_TIME,
+  r.USER,
+  r.USER_MULTI,
+  r.SERIAL
+], q = {
+  deviceConnectivity: !1,
+  ////显隐配置start
+  hidden: !1,
+  // displayType: DisplayType.CONFIG,
+  // displayRule: '',
+  componentDependency: {
+    sortDependency: [],
+    configDependency: {
+      /**隐藏 */
+      [m.HIDDEN]: {
+        expression: ""
+      },
+      /**只读 */
+      [m.READONLY]: {
+        expression: ""
+      },
+      /**禁用 */
+      [m.DISABLED]: {
+        expression: ""
+      },
+      /**必填 */
+      [m.REQUIRED]: {
+        expression: ""
+      },
+      [m.ASSIGNMENT]: {
+        expression: "",
+        strategy: _.alwaysCover
+      }
+    }
+  }
+}, Z = [
+  r.TEXT,
+  r.LONG_TEXT,
+  r.INTEGER,
+  r.LONG,
+  r.DOUBLE,
+  r.DECIMAL,
+  r.BOOLEAN,
+  r.DATE,
+  r.DATE_TIME,
+  r.MASTERSLAVE
+], fe = [
+  {
+    component: "dependency-editor",
+    name: "componentDependency",
+    label: "",
+    group: n.COMPONENTDEPENDENCY,
+    hidden: (e) => e.materialType === c.MaterialEmbedTableField || e.type === x.Form && e.preLocation ? !0 : p(e) || e.props.field === "operating_state_"
+  },
+  {
+    component: "switch-editor",
+    name: "notSubmitInHide",
+    label: "sys.pageDesigner.submitWhenHidden",
+    group: n.FIELD_CONFIG,
+    hidden(e) {
+      return !e.isField || !e.props.field || e.props.bindFieldKey || e.props.fieldReadonly || e.materialType === c.cardListFormField || [
+        r.EXPRESSION_CONDITION,
+        r.SERIALRULE,
+        r.LABEL_TEMPLATE
+      ].includes(e.props.fieldType) || !Q.includes(e.props.fieldType);
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "deviceConnectivity",
+    label: "sys.pageDesigner.deviceConnectivity",
+    group: n.FIELD_CONFIG,
+    hidden: (e) => e.platform !== s.WEB || ![c.MaterialFormField].includes(e.materialType) || !Z.includes(e.props.fieldType)
+  }
 ];
-function O(t, r, e) {
-  return t.type === e && m(t, "preLocation") && new RegExp(`^${r}_`).test(t.preLocation);
+class D {
+  events = {};
+  propEditors = {};
+  schema = {};
+  callback = {};
+  beforeCreate = {};
+  styleEditors = {};
+  designerConfig = {};
+  hooks = {};
+  whiteList = {};
+  blackList = {};
+}
+const T = new D(), S = new D(), C = new D();
+function w(e) {
+  switch (e) {
+    case s.WEB:
+      return T;
+    case s.MOBILE:
+      return S;
+    case s.PAD:
+      return C;
+    default:
+      return T;
+  }
+}
+function O(e, o, t) {
+  e.events[o] = t.eventList, e.hooks[o] = t.hooks, e.whiteList[o] = t.whiteList, e.blackList[o] = t.blackList, e.propEditors[o] = t.propEditorList, e.schema[o] = t.widget, e.callback[o] = t.runCallback, e.beforeCreate[o] = t.beforeCreate, e.styleEditors[o] = t.styleEditorList, e.designerConfig[o] = t.designerConfig;
 }
-function h(t) {
-  return t + "px";
+function Te(e, o) {
+  O(T, o, e);
 }
-function o(t) {
-  return a(t) ? "" : `${t}px !important`;
+function he(e, o) {
+  O(S, o, e);
+}
+function ye(e, o) {
+  O(C, o, e);
+}
+function R(e, o) {
+  if (o) {
+    const { type: t } = o.schema;
+    e.events[t] = o.events, e.hooks[t] = o.hooks, e.whiteList[t] = o.whiteList, e.blackList[t] = o.blackList, e.propEditors[t] = o.propEditors, e.schema[t] = o.schema, e.callback[t] = o.callback, e.beforeCreate[t] = o.beforeCreate, e.styleEditors[t] = o.styleEditors, e.designerConfig[t] = o.designerConfig;
+  }
+}
+function Ee(e) {
+  R(T, e);
+}
+function Le(e) {
+  R(S, e);
+}
+function De(e) {
+  R(C, e);
+}
+function Se(e, o, t) {
+  return e.type === t && G(e, "preLocation") && new RegExp(`^${o}_`).test(e.preLocation);
+}
+function ee(e) {
+  return [
+    c.MaterialFormField,
+    c.MaterialSubTableModalField,
+    c.DescriptionsFormField
+  ].includes(e.materialType);
+}
+function oe(e) {
+  const o = /^\$\{(\S+)\}$/;
+  for (const t in e) {
+    const a = e[t];
+    o.test(a) && (e[t] = y(a.match(o)?.[1]));
+  }
 }
-function f(t) {
-  return a(t) ? "" : `${t} !important`;
+function Ce(e) {
+  const o = U(e);
+  o.id = h(o.type), o.alias = y(o.name), o.formItem && (o.props.label = y(o.name));
+  const t = w(o.platform);
+  return t && t.beforeCreate?.[o.type]?.(o), oe(o.props), o;
 }
-function p(t) {
-  return !t || a(t.borderWidth) ? "" : `${t.borderWidth}px ${t.borderStyle || "solid"} ${t.borderColor || "transparent"} !important`;
+function te(e) {
+  return e.map((o) => ({ ...o })).filter((o) => (o.props?.model || (o.children = o.children && te(o.children)), N(o)));
 }
-const s = {
+const N = (e) => !e.formItem;
+function re(e) {
+  return e + "px";
+}
+function i(e) {
+  return g(e) ? "" : `${e}px !important`;
+}
+function M(e) {
+  return g(e) ? "" : `${e} !important`;
+}
+function b(e) {
+  return !e || g(e.borderWidth) ? "" : `${e.borderWidth}px ${e.borderStyle || "solid"} ${e.borderColor || "transparent"} !important`;
+}
+const ne = {
   fontAttrs: [
     "fontWeight",
     "fontSize",
@@ -106,39 +433,39 @@ const s = {
   mapAttrs: {
     bold: {
       attr: "fontWeight",
-      callback: (t) => t ? 700 : 400
+      callback: (e) => e ? 700 : 400
     },
     italic: {
       attr: "fontStyle",
-      callback: (t) => t ? "italic" : "normal"
+      callback: (e) => e ? "italic" : "normal"
     },
     textDecoration: {
       attr: "textDecorationLine"
     },
     fontSize: {
       attr: "fontSize",
-      callback: (t) => t ? h(t) : ""
+      callback: (e) => e ? re(e) : ""
     },
     align: {
       attr: "textAlign"
     }
   }
 };
-function C(t, r = s) {
-  if (!t) return {};
-  const e = {};
-  return Object.assign(e, u(t, r.fontAttrs)), typeof r.mapAttrs == "object" && Object.keys(r.mapAttrs).forEach((n) => {
-    const { attr: d, callback: c } = r.mapAttrs[n];
-    e[d] = typeof c == "function" ? c(t[n]) : t[n];
-  }), e;
-}
-function D(t = {}) {
-  const r = {};
-  for (const e in t)
-    r[e] = R(e, t[e]);
-  return r;
-}
-const S = [
+function Oe(e, o = ne) {
+  if (!e) return {};
+  const t = {};
+  return Object.assign(t, v(e, o.fontAttrs)), typeof o.mapAttrs == "object" && Object.keys(o.mapAttrs).forEach((a) => {
+    const { attr: d, callback: l } = o.mapAttrs[a];
+    t[d] = typeof l == "function" ? l(e[a]) : e[a];
+  }), t;
+}
+function Re(e = {}) {
+  const o = {};
+  for (const t in e)
+    o[t] = ae(t, e[t]);
+  return o;
+}
+const ie = [
   "opacity",
   "zIndex",
   "fontWeight",
@@ -151,87 +478,421 @@ const S = [
   "fontStyle",
   "textDecorationLine"
 ];
-function R(t, r) {
-  return l(r) || a(r) ? "" : S.includes(t) ? r + " !important" : r + "px !important";
+function ae(e, o) {
+  return B(o) || g(o) ? "" : ie.includes(e) ? o + " !important" : o + "px !important";
 }
-const x = {
+const le = {
   left: "flex-start",
   center: "center",
   right: "flex-end",
   justify: "space-between"
 };
-function W(t) {
-  return x[t] || t;
+function Ie(e) {
+  return le[e] || e;
 }
-function T(t) {
+function se(e) {
   return {
-    position: f(t.position),
-    top: o(t.top),
-    left: o(t.left),
-    right: o(t.right),
-    bottom: o(t.bottom),
-    width: o(t.width),
-    height: o(t.height)
+    position: M(e.position),
+    top: i(e.top),
+    left: i(e.left),
+    right: i(e.right),
+    bottom: i(e.bottom),
+    width: i(e.width),
+    height: i(e.height)
   };
 }
-function L(t) {
+function pe(e) {
   return {
-    backgroundColor: f(t.backgroundColor),
-    marginTop: o(t.marginTop),
-    marginRight: o(t.marginRight),
-    marginBottom: o(t.marginBottom),
-    marginLeft: o(t.marginLeft),
-    paddingTop: o(t.paddingTop),
-    paddingRight: o(t.paddingRight),
-    paddingBottom: o(t.paddingBottom),
-    paddingLeft: o(t.paddingLeft)
+    backgroundColor: M(e.backgroundColor),
+    marginTop: i(e.marginTop),
+    marginRight: i(e.marginRight),
+    marginBottom: i(e.marginBottom),
+    marginLeft: i(e.marginLeft),
+    paddingTop: i(e.paddingTop),
+    paddingRight: i(e.paddingRight),
+    paddingBottom: i(e.paddingBottom),
+    paddingLeft: i(e.paddingLeft)
   };
 }
-function F(t) {
+function de(e) {
   return {
-    borderLeft: p(t.borderLeft),
-    borderRight: p(t.borderRight),
-    borderBottom: p(t.borderBottom),
-    borderTop: p(t.borderTop),
-    borderTopRightRadius: o(t.borderTopRightRadius),
-    borderTopLeftRadius: o(t.borderTopLeftRadius),
-    borderBottomRightRadius: o(t.borderBottomRightRadius),
-    borderBottomLeftRadius: o(t.borderBottomLeftRadius)
+    borderLeft: b(e.borderLeft),
+    borderRight: b(e.borderRight),
+    borderBottom: b(e.borderBottom),
+    borderTop: b(e.borderTop),
+    borderTopRightRadius: i(e.borderTopRightRadius),
+    borderTopLeftRadius: i(e.borderTopLeftRadius),
+    borderBottomRightRadius: i(e.borderBottomRightRadius),
+    borderBottomLeftRadius: i(e.borderBottomLeftRadius)
   };
 }
-function k(t, r = []) {
-  const e = {
-    ...T(t),
-    ...L(t),
-    ...F(t)
+function Ne(e, o = []) {
+  const t = {
+    ...se(e),
+    ...pe(e),
+    ...de(e)
   };
-  return r.forEach((n) => {
-    delete e[n];
-  }), Object.keys(e).forEach((n) => {
-    const d = e[n];
-    (l(d) || a(d)) && delete e[n];
-  }), e;
-}
-const _ = {
+  return o.forEach((a) => {
+    delete t[a];
+  }), Object.keys(t).forEach((a) => {
+    const d = t[a];
+    (B(d) || g(d)) && delete t[a];
+  }), t;
+}
+const Ae = ({
+  name: e,
+  type: o,
+  hiddenCallback: t,
+  filterOptionsCallback: a,
+  groupName: d
+}) => [
+  // 组件类型
+  {
+    component: "bind-cmp-type-editor",
+    name: e,
+    label: "sys.pageDesigner.bindCmpStyleLabel",
+    group: d || n.FIELD_CONFIG,
+    hidden: t || ((l) => [
+      r.TEXT,
+      r.USER,
+      r.USER_MULTI,
+      r.ORG,
+      r.ORG_MULTI
+    ].includes(l.props.fieldType) && (l.props.bindFieldKey || !ee(l) || l.props.fieldReadonly) ? !0 : e === "selectType" && l.platform !== s.WEB),
+    _config: {
+      bindCmpStyleKey: o,
+      filterOptionsCallback: a
+    },
+    changeCallback(l) {
+      if (![
+        r.BOOLEAN,
+        r.USER,
+        r.USER_MULTI,
+        r.ORG,
+        r.ORG_MULTI,
+        r.DATA_TABLE_FORMULA
+      ].includes(l.props.fieldType) && [
+        r.EXPRESSION,
+        r.AGG,
+        r.INTEGER,
+        r.LONG
+      ].includes(l.props.fieldType)) {
+        l.props.currency = "￥", l.props.displayTimeType = "d:h:m:s";
+        return;
+      }
+    }
+  }
+], Be = {
+  disabled: !1,
+  icon: "icon-park:all-application",
+  iconColor: "",
+  /**标题 */
+  title: "${sys.pageDesigner.button}",
+  buttonStyle: A.ORDINARY,
+  /**二次确认 */
+  confirm: !1,
+  confirmText: "",
+  // /**内置事件 */
+  // innerEvent: true,
+  /**系统事件类型 */
+  // sysMethedType: undefined,
+  // linkPage: '',
+  /**事件名称 */
+  // eventName: '',
+  hasIcon: !1,
+  hasText: !0,
+  type: W.PRIMARY,
+  danger: !1,
+  size: L.DEFAULT,
+  enableCustomColor: !1,
+  backgroundColor: "",
+  fontColor: "",
+  ...q
+}, Me = [
+  {
+    component: "text-editor",
+    name: "title",
+    label: "sys.pageDesigner.buttonName",
+    group: n.BASIC,
+    _config: {
+      i18n: !0,
+      showCount: !0,
+      maxlength: 32
+    },
+    changeCallback: (e, o) => {
+      e.alias = o;
+    }
+  },
+  {
+    component: "button-type-editor",
+    name: {
+      type: "type",
+      danger: "danger",
+      icon: "icon",
+      label: "label",
+      hasText: "hasText",
+      hasIcon: "hasIcon"
+    },
+    label: "sys.pageDesigner.buttonType",
+    group: n.BUTTON
+  },
+  {
+    component: "icon-editor",
+    name: { icon: "icon", iconColor: "iconColor" },
+    label: "sys.pageDesigner.buttonIcon",
+    group: n.BUTTON,
+    // _config: {
+    //   showColor: true,
+    // },
+    hidden: (e) => !e.props.hasIcon
+  },
+  {
+    component: "radio-bgc-editor",
+    name: "size",
+    label: "sys.pageDesigner.buttonSize",
+    group: n.BUTTON,
+    _config: {
+      options: Object.values(L).map((e) => ({ value: e, label: "sys.pageDesigner." + e }))
+    }
+  }
+], Fe = [
+  // {
+  //   component: 'permission-switch-editor',
+  //   label: 'sys.permission',
+  //   group: PropGroup.PERMISSION,
+  //   hidden: (widget) => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+  {
+    component: "permission-editor",
+    label: "",
+    group: n.PERMISSION,
+    hidden: (e) => p(e)
+  }
+], _e = {
+  disabled: !1,
+  buttonTheme: P.DEFAULT,
+  buttonType: k.DEFAULT,
+  icon: "",
+  iconColor: "",
+  confirm: !1,
+  confirmText: "",
+  buttonStyle: A.ORDINARY,
+  enableCustomColor: !1,
+  backgroundColor: "",
+  fontColor: ""
+}, xe = [
+  // {
+  //   component: 'switch-editor',
+  //   name: 'disabled',
+  //   label: 'sys.pageDesigner.disabled',
+  //   group: PropGroup.DISPLAY,
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+  // {
+  //   component: 'radio-editor',
+  //   name: 'basic.buttonType',
+  //   label: 'sys.pageDesigner.buttonType',
+  //   group: PropGroup.ButtonStyle,
+  //   _config: {
+  //     options: Object.values(ButtonColorType).map((i) => {
+  //       return { value: i, label: 'sys.pageDesigner.' + i };
+  //     }),
+  //   },
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+  // {
+  //   component: 'radio-editor',
+  //   name: 'buttonStyle',
+  //   label: 'sys.pageDesigner.buttonStyle',
+  //   group: PropGroup.ButtonStyle,
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget) || platform.value === Platform.MOBILE;
+  //   },
+  //   _config: {
+  //     options: Object.values(ButtonStyle).map((key) => {
+  //       return { label: 'sys.pageDesigner.' + key, value: key };
+  //     }),
+  //   },
+  // },
+  {
+    component: "button-type-editor",
+    name: {
+      type: "type",
+      danger: "danger",
+      icon: "icon",
+      label: "label",
+      hasText: "hasText",
+      hasIcon: "hasIcon"
+    },
+    label: "sys.pageDesigner.buttonType",
+    group: n.ButtonStyle,
+    hidden: (e) => p(e)
+  },
+  {
+    component: "icon-editor",
+    name: { icon: "icon", iconColor: "iconColor" },
+    label: "sys.pageDesigner.buttonIcon",
+    group: n.ButtonStyle,
+    hidden: (e) => !e.props.hasIcon || p(e),
+    _config: {
+      clearable: !1
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "enableCustomColor",
+    label: "sys.pageDesigner.customBtnColor",
+    group: n.ButtonStyle,
+    hidden: (e) => p(e)
+  },
+  {
+    component: "button-color-editor",
+    name: "fontColor",
+    label: "sys.pageDesigner.buttonNameColor",
+    group: n.ButtonStyle,
+    _config: {
+      isInRow: !0
+    },
+    hidden: (e) => !e.props.enableCustomColor
+  },
+  {
+    component: "button-color-editor",
+    name: "backgroundColor",
+    label: "sys.pageDesigner.buttonStyleColor",
+    group: n.ButtonStyle,
+    _config: {
+      isInRow: !0
+    },
+    hidden: (e) => !e.props.enableCustomColor || e.props.type === "link"
+  },
+  {
+    component: "radio-bgc-editor",
+    name: "size",
+    label: "sys.pageDesigner.buttonSize",
+    group: n.ButtonStyle,
+    hidden: (e) => p(e),
+    _config: {
+      options: Object.values(L).map((e) => ({ value: e, label: "sys.pageDesigner." + e }))
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "confirm",
+    label: "sys.pageDesigner.confirm",
+    group: n.ButtonStyle,
+    hidden: (e) => p(e),
+    _config: {
+      tooltip: "sys.pageDesigner.buttonConfirm"
+    }
+  },
+  {
+    component: "texteare-editor",
+    name: "confirmText",
+    label: "sys.pageDesigner.regHint",
+    group: n.ButtonStyle,
+    _config: {
+      i18n: !0,
+      placeholder: "sys.pageDesigner.confirmTodo"
+    },
+    hidden: (e) => !e.props.confirm || p(e)
+  }
+  // {
+  //   component: 'select-editor',
+  //   name: 'basic.buttonTheme',
+  //   label: 'sys.pageDesigner.buttonTheme',
+  //   group: PropGroup.ButtonStyle,
+  //   _config: {
+  //     options: Object.values(ButtonColorTheme).map((i) => {
+  //       return { value: i, label: 'sys.pageDesigner.' + i };
+  //     }),
+  //   },
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+  // {
+  //   component: 'icon-editor',
+  //   name: { icon: 'basic.icon', iconColor: 'basic.iconColor' },
+  //   label: 'sys.pageDesigner.icon',
+  //   group: PropGroup.ButtonStyle,
+  //   _config: {
+  //     showColor: true,
+  //   },
+  //   hidden: (widget): boolean => {
+  //     return hiddenButtonProps(widget);
+  //   },
+  // },
+], We = [
+  {
+    component: "position-editor",
+    name: "position",
+    label: "sys.pageDesigner.position",
+    group: f.LAYOUT,
+    // 按钮容器中的按钮不需要样式属性
+    hidden: (e) => !!e.props.parentWidgetId || !!e.preLocation
+  },
+  {
+    component: "margin-editor",
+    group: f.MARGIN,
+    // 按钮容器中的按钮不需要样式属性
+    hidden: (e) => !!e.props.parentWidgetId || !!e.preLocation,
+    _config: {
+      hiddenMarginOrPadding: "padding"
+    }
+  }
+], ke = {
   install() {
   }
 };
 export {
-  x as ALIGN_TO_FLEX_MAP,
-  f as addImportant,
-  o as addPxUnit,
-  B as commonStyle,
-  _ as default,
-  C as extractFontStyle,
-  p as formatBorder,
-  F as generateBorderStyles,
-  T as generatePositionStyles,
-  L as generateSpacingStyles,
-  k as generateWrapperStyle,
-  O as getCompPos,
-  R as makeStyleProp,
-  E as notNeedPxStyle,
-  D as propsToStyle,
-  h as pxToVw,
-  W as transAlign2flex
+  le as ALIGN_TO_FLEX_MAP,
+  M as addImportant,
+  i as addPxUnit,
+  Me as baseBtnEditor,
+  Be as baseBtnProp,
+  xe as buttonEditor,
+  _e as buttonProps,
+  We as buttonStyleEditor,
+  Ce as cloneWidget,
+  ge as commonStyle,
+  te as deepFindNotField,
+  ke as default,
+  fe as displayEditor,
+  q as displayProps,
+  Oe as extractFontStyle,
+  b as formatBorder,
+  de as generateBorderStyles,
+  se as generatePositionStyles,
+  pe as generateSpacingStyles,
+  Ne as generateWrapperStyle,
+  Ae as getBindCmpTypeEditor,
+  Se as getCompPos,
+  w as getWidgetInfo,
+  p as hiddenButtonProps,
+  ee as isFormFieldType,
+  ae as makeStyleProp,
+  S as mobileWidgetInfo,
+  me as modalCfg,
+  be as notNeedPxStyle,
+  C as padWidgetInfo,
+  Fe as permissionEditor,
+  Re as propsToStyle,
+  re as pxToVw,
+  Le as registerMobilePluginWidgetItem,
+  he as registerMobileWidgetItem,
+  De as registerPadPluginWidgetItem,
+  ye as registerPadWidgetItem,
+  R as registerPluginWidgetItem,
+  Ee as registerWebPluginWidgetItem,
+  Te as registerWebWidgetItem,
+  O as registerWidgetItem,
+  Ie as transAlign2flex,
+  oe as transformI18n,
+  T as webWidgetInfo
 };