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

package/dist/index.esm.min.mjs

@@ -1,6 +1,173 @@
-import { BorderStyle as o, TagTypeEnum as l, TextDecoration as t } from "@gct-paas/core";
-import { has as i } 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: t.NONE,
+    textDecoration: I.NONE,
     color: ""
   },
   contentFont: {
@@ -32,36 +199,36 @@ const b = {
     fontSize: "",
     bold: !1,
     italic: !1,
-    textDecoration: t.NONE,
+    textDecoration: I.NONE,
     color: ""
   },
   tagStyle: {
     color: "",
-    tagType: l.RADIUS
+    tagType: F.RADIUS
   },
   tagStyleOpen: !1,
   borderAll: {
-    borderStyle: o.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderLeft: {
-    borderStyle: o.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderRight: {
-    borderStyle: o.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderBottom: {
-    borderStyle: o.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
   borderTop: {
-    borderStyle: o.NONE,
+    borderStyle: u.NONE,
     borderColor: "#F0F0F0",
     borderWidth: "1"
   },
@@ -70,7 +237,7 @@ const b = {
   borderBottomRightRadius: "0",
   borderBottomLeftRadius: "0",
   borderAllRadius: "0"
-}, g = [
+}, be = [
   "position",
   "backgroundColor",
   "bold",
@@ -79,17 +246,653 @@ 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)
+  }
+];
+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 Te(e, o) {
+  O(T, o, e);
+}
+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 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 te(e) {
+  return e.map((o) => ({ ...o })).filter((o) => (o.props?.model || (o.children = o.children && te(o.children)), N(o)));
+}
+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",
+    "color",
+    "textDecorationLine",
+    "textAlign"
+  ],
+  mapAttrs: {
+    bold: {
+      attr: "fontWeight",
+      callback: (e) => e ? 700 : 400
+    },
+    italic: {
+      attr: "fontStyle",
+      callback: (e) => e ? "italic" : "normal"
+    },
+    textDecoration: {
+      attr: "textDecorationLine"
+    },
+    fontSize: {
+      attr: "fontSize",
+      callback: (e) => e ? re(e) : ""
+    },
+    align: {
+      attr: "textAlign"
+    }
+  }
+};
+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",
+  "lineHeight",
+  "letterSpacing",
+  "wordSpacing",
+  "textAlign",
+  "textDecoration",
+  "textTransform",
+  "fontStyle",
+  "textDecorationLine"
 ];
-function p(r, e, d) {
-  return r.type === d && i(r, "preLocation") && new RegExp(`^${e}_`).test(r.preLocation);
+function ae(e, o) {
+  return B(o) || g(o) ? "" : ie.includes(e) ? o + " !important" : o + "px !important";
+}
+const le = {
+  left: "flex-start",
+  center: "center",
+  right: "flex-end",
+  justify: "space-between"
+};
+function Ie(e) {
+  return le[e] || e;
+}
+function se(e) {
+  return {
+    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)
+  };
 }
-const c = {
+function pe(e) {
+  return {
+    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 de(e) {
+  return {
+    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 Ne(e, o = []) {
+  const t = {
+    ...se(e),
+    ...pe(e),
+    ...de(e)
+  };
+  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 {
-  b as commonStyle,
-  c as default,
-  p as getCompPos,
-  g as notNeedPxStyle
+  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
 };