@gct-paas/design 0.1.4-dev.6 → 0.1.4-dev.7

package/dist/index.esm.min.mjs

@@ -0,0 +1,586 @@
+import { message as m } from "ant-design-vue";
+import { computed as u } from "vue";
+import { BorderStyle as s, TagTypeEnum as B, TextDecoration as y, FIELD_TYPE as a, Dependency_ENUM as d, ASSIGNMENTSTRATEGY_ENUM as N, PropGroup as r, MaterialEnum as h, FormComponents as A, ButtonSize as b, ButtonType as L, ButtonStyle as R, ButtonColorType as F, ButtonColorTheme as I, StyleGroup as T, fixedAlignENUM as g, Platform as O } from "@gct-paas/core";
+import { isEmpty as t, pick as P, isNil as _ } from "lodash-es";
+class M {
+  info(o, n) {
+    return new Promise((i) => {
+      m.info(o, n, () => {
+        i();
+      });
+    });
+  }
+  success(o, n) {
+    return new Promise((i) => {
+      m.success(o, n, () => {
+        i();
+      });
+    });
+  }
+  warning(o, n) {
+    return new Promise((i) => {
+      m.warning(o, n, () => {
+        i();
+      });
+    });
+  }
+  error(o, n) {
+    return new Promise((i) => {
+      m.error(o, n, () => {
+        i();
+      });
+    });
+  }
+}
+const j = {
+  position: "",
+  top: "",
+  left: "",
+  right: "",
+  bottom: "",
+  width: "",
+  height: "",
+  backgroundColor: "",
+  marginAll: "",
+  marginTop: "",
+  marginRight: "",
+  marginBottom: "",
+  marginLeft: "",
+  paddingAll: "",
+  paddingTop: "",
+  paddingRight: "",
+  paddingBottom: "",
+  paddingLeft: "",
+  labelFont: {
+    align: "left",
+    fontSize: "",
+    bold: !1,
+    italic: !1,
+    textDecoration: y.NONE,
+    color: ""
+  },
+  contentFont: {
+    align: "left",
+    fontSize: "",
+    bold: !1,
+    italic: !1,
+    textDecoration: y.NONE,
+    color: ""
+  },
+  tagStyle: {
+    color: "",
+    tagType: B.RADIUS
+  },
+  tagStyleOpen: !1,
+  borderAll: {
+    borderStyle: s.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderLeft: {
+    borderStyle: s.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderRight: {
+    borderStyle: s.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderBottom: {
+    borderStyle: s.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderTop: {
+    borderStyle: s.NONE,
+    borderColor: "#F0F0F0",
+    borderWidth: "1"
+  },
+  borderTopRightRadius: "0",
+  borderTopLeftRadius: "0",
+  borderBottomRightRadius: "0",
+  borderBottomLeftRadius: "0",
+  borderAllRadius: "0"
+}, k = [
+  "position",
+  "backgroundColor",
+  "bold",
+  "italic",
+  "textDecoration",
+  "color",
+  "borderStyle",
+  "borderColor"
+];
+function W(e) {
+  return e + "px";
+}
+const l = {
+  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 ? W(e) : ""
+    },
+    align: {
+      attr: "textAlign"
+    }
+  },
+  // 获取font样式，
+  font(e) {
+    if (!e) return {};
+    const o = {};
+    return Object.assign(o, P(e, l.fontAttrs)), typeof l.mapAttrs == "object" && Object.keys(l.mapAttrs).forEach((n) => {
+      const { attr: i, callback: c } = l.mapAttrs[n];
+      o[i] = typeof c == "function" ? c(e[n]) : e[n];
+    }), o;
+  }
+};
+function v(e) {
+  const { style: o = {}, ignoringStyle: n = [] } = e || {}, i = u(() => U(o)), c = u(() => {
+    const f = {
+      position: t(o.position) ? "" : o.position + " !important",
+      top: t(o.top) ? "" : o.top + "px !important",
+      left: t(o.left) ? "" : o.left + "px !important",
+      right: t(o.right) ? "" : o.right + "px !important",
+      bottom: t(o.bottom) ? "" : o.bottom + "px !important",
+      width: t(o.width) ? "" : o.width + "px !important",
+      height: t(o.height) ? "" : o.height + "px !important",
+      backgroundColor: t(o.backgroundColor) ? "" : o.backgroundColor + " !important",
+      marginTop: t(o.marginTop) ? "" : o.marginTop + "px !important",
+      marginRight: t(o.marginRight) ? "" : o.marginRight + "px !important",
+      marginBottom: t(o.marginBottom) ? "" : o.marginBottom + "px !important",
+      marginLeft: t(o.marginLeft) ? "" : o.marginLeft + "px !important",
+      paddingTop: t(o.paddingTop) ? "" : o.paddingTop + "px !important",
+      paddingRight: t(o.paddingRight) ? "" : o.paddingRight + "px !important",
+      paddingBottom: t(o.paddingBottom) ? "" : o.paddingBottom + "px !important",
+      paddingLeft: t(o.paddingLeft) ? "" : o.paddingLeft + "px !important",
+      borderLeft: `${o.borderLeft?.borderWidth}px ${o.borderLeft?.borderStyle} ${o.borderLeft?.borderColor} !important`,
+      borderRight: `${o.borderRight?.borderWidth}px ${o.borderRight?.borderStyle} ${o.borderRight?.borderColor} !important`,
+      borderBottom: `${o.borderBottom?.borderWidth}px ${o.borderBottom?.borderStyle} ${o.borderBottom?.borderColor} !important`,
+      borderTop: `${o.borderTop?.borderWidth}px ${o.borderTop?.borderStyle} ${o.borderTop?.borderColor} !important`,
+      borderTopRightRadius: t(o.borderTopRightRadius) ? "" : o.borderTopRightRadius + "px !important",
+      borderTopLeftRadius: t(o.borderTopLeftRadius) ? "" : o.borderTopLeftRadius + "px !important",
+      borderBottomRightRadius: t(o.borderBottomRightRadius) ? "" : o.borderBottomRightRadius + "px !important",
+      borderBottomLeftRadius: t(o.borderBottomLeftRadius) ? "" : o.borderBottomLeftRadius + "px !important"
+    };
+    return n.forEach((C) => {
+      f[C] = void 0;
+    }), f;
+  }), E = u(() => l.font(o.labelFont)), S = u(() => l.font(o.contentFont));
+  return {
+    wrapperStyle: c,
+    wStyle: i,
+    labelFont: E,
+    contentFont: S
+  };
+}
+function U(e = {}) {
+  const o = {};
+  for (const n in e)
+    o[n] = w(n, e[n]);
+  return o;
+}
+function w(e, o) {
+  return _(o) || t(o) ? "" : k.includes(e) ? o + " !important" : o + "px !important";
+}
+const D = [
+  a.REF,
+  a.USER,
+  a.ORG,
+  a.RDO_REF,
+  a.ATTACHMENT
+], K = ({
+  groupName: e
+}) => [
+  {
+    component: "switch-editor",
+    name: "enableAutofill",
+    label: "sys.pageDesigner.autofill",
+    group: e,
+    hidden: (o) => o.props.bindFieldKey || o.props.fieldReadonly ? !0 : !D.includes(o.props.fieldType) || o.props.multiple
+  },
+  {
+    component: "autofill-editor",
+    name: "autofillRules",
+    label: "",
+    group: e,
+    hidden: (o) => o.props.bindFieldKey || o.props.fieldReadonly ? !0 : (
+      // 如果不是这些字段类型/是多选模式/或者没开启自动填充 则隐藏
+      !D.includes(o.props.fieldType) || o.props.enableAutofill === !1 || o.props.multiple
+    )
+  }
+];
+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 x = {
+  ////显隐配置start
+  hidden: !1,
+  // displayType: DisplayType.CONFIG,
+  // displayRule: '',
+  componentDependency: {
+    sortDependency: [],
+    configDependency: {
+      /**隐藏 */
+      [d.HIDDEN]: {
+        expression: ""
+      },
+      /**只读 */
+      [d.READONLY]: {
+        expression: ""
+      },
+      /**禁用 */
+      [d.DISABLED]: {
+        expression: ""
+      },
+      /**必填 */
+      [d.REQUIRED]: {
+        expression: ""
+      },
+      [d.ASSIGNMENT]: {
+        expression: "",
+        strategy: N.alwaysCover
+      }
+    }
+  }
+}, $ = [
+  {
+    component: "dependency-editor",
+    name: "componentDependency",
+    label: "",
+    group: r.COMPONENTDEPENDENCY,
+    hidden: (e) => e.materialType === h.MaterialEmbedTableField || e.type === A.Form && e.preLocation ? !0 : p(e)
+  },
+  {
+    component: "switch-editor",
+    name: "notSubmitInHide",
+    label: "sys.pageDesigner.submitWhenHidden",
+    group: r.FIELD_CONFIG,
+    hidden(e) {
+      return !e.isField || !e.props.field || !!e.props.bindFieldKey || !!e.props.fieldReadonly || e.materialType === h.cardListFormField || [
+        a.EXPRESSION_CONDITION,
+        a.SERIALRULE,
+        a.LABEL_TEMPLATE
+      ].includes(e.props.fieldType);
+    }
+  }
+], V = {
+  disabled: !1,
+  icon: "icon-park:all-application",
+  iconColor: "",
+  /**标题 */
+  title: "${sys.pageDesigner.button}",
+  buttonStyle: R.ORDINARY,
+  /**二次确认 */
+  confirm: !1,
+  confirmText: "",
+  // /**内置事件 */
+  // innerEvent: true,
+  /**系统事件类型 */
+  // sysMethedType: undefined,
+  // linkPage: '',
+  /**事件名称 */
+  // eventName: '',
+  hasIcon: !1,
+  hasText: !0,
+  type: L.PRIMARY,
+  danger: !1,
+  size: b.DEFAULT,
+  enableCustomColor: !1,
+  backgroundColor: "",
+  fontColor: "",
+  ...x
+}, Q = [
+  {
+    component: "text-editor",
+    name: "title",
+    label: "sys.pageDesigner.buttonName",
+    group: r.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: r.BUTTON
+  },
+  {
+    component: "icon-editor",
+    name: { icon: "icon", iconColor: "iconColor" },
+    label: "sys.pageDesigner.buttonIcon",
+    group: r.BUTTON,
+    // _config: {
+    //   showColor: true,
+    // },
+    hidden: (e) => !e.props.hasIcon
+  },
+  {
+    component: "radio-bgc-editor",
+    name: "size",
+    label: "sys.pageDesigner.buttonSize",
+    group: r.BUTTON,
+    _config: {
+      options: Object.values(b).map((e) => ({ value: e, label: "sys.pageDesigner." + e }))
+    }
+  }
+], X = {
+  disabled: !1,
+  buttonTheme: I.DEFAULT,
+  buttonType: F.DEFAULT,
+  icon: "",
+  iconColor: "",
+  buttonStyle: R.ORDINARY,
+  enableCustomColor: !1,
+  backgroundColor: "",
+  fontColor: ""
+}, q = [
+  {
+    component: "button-type-editor",
+    name: {
+      type: "type",
+      danger: "danger",
+      icon: "icon",
+      label: "label",
+      hasText: "hasText",
+      hasIcon: "hasIcon"
+    },
+    label: "sys.pageDesigner.buttonType",
+    group: r.ButtonStyle,
+    hidden: (e) => p(e)
+  },
+  {
+    component: "icon-editor",
+    name: { icon: "icon", iconColor: "iconColor" },
+    label: "sys.pageDesigner.buttonIcon",
+    group: r.ButtonStyle,
+    hidden: (e) => !e.props.hasIcon || p(e),
+    _config: {
+      clearable: !1
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "enableCustomColor",
+    label: "sys.pageDesigner.customBtnColor",
+    group: r.ButtonStyle,
+    hidden: (e) => p(e)
+  },
+  {
+    component: "button-color-editor",
+    name: "fontColor",
+    label: "sys.pageDesigner.buttonNameColor",
+    group: r.ButtonStyle,
+    _config: {
+      isInRow: !0
+    },
+    hidden: (e) => !e.props.enableCustomColor
+  },
+  {
+    component: "button-color-editor",
+    name: "backgroundColor",
+    label: "sys.pageDesigner.buttonStyleColor",
+    group: r.ButtonStyle,
+    _config: {
+      isInRow: !0
+    },
+    hidden: (e) => !e.props.enableCustomColor || e.props.type === "link"
+  },
+  {
+    component: "radio-bgc-editor",
+    name: "size",
+    label: "sys.pageDesigner.buttonSize",
+    group: r.ButtonStyle,
+    hidden: (e) => !!e,
+    _config: {
+      options: Object.values(b).map((e) => ({ value: e, label: "sys.pageDesigner." + e }))
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "confirm",
+    label: "sys.pageDesigner.confirm",
+    group: r.ButtonStyle,
+    hidden: (e) => p(e),
+    _config: {
+      tooltip: "sys.pageDesigner.buttonConfirm"
+    }
+  },
+  {
+    component: "texteare-editor",
+    name: "confirmText",
+    label: "sys.pageDesigner.regHint",
+    group: r.ButtonStyle,
+    _config: {
+      i18n: !0,
+      placeholder: "sys.pageDesigner.confirmTodo"
+    },
+    hidden: (e) => !e.props.confirm || p(e)
+  }
+], J = [
+  {
+    component: "position-editor",
+    name: "position",
+    label: "sys.pageDesigner.position",
+    group: T.LAYOUT,
+    // 按钮容器中的按钮不需要样式属性
+    hidden: (e) => !!e.props.parentWidgetId || !!e.preLocation
+  },
+  {
+    component: "margin-editor",
+    group: T.MARGIN,
+    // 按钮容器中的按钮不需要样式属性
+    hidden: (e) => !!e.props.parentWidgetId || !!e.preLocation,
+    _config: {
+      hiddenMarginOrPadding: "padding"
+    }
+  }
+], Z = [
+  {
+    component: "radio-icon-editor",
+    name: "fixedAlign",
+    label: "sys.pageDesigner.columnFixed",
+    group: r.SHOW,
+    _config: {
+      options: [
+        {
+          label: "sys.pageDesigner.left",
+          value: g.LEFT
+        },
+        {
+          label: "sys.pageDesigner.none",
+          value: g.NONE
+        },
+        {
+          label: "sys.pageDesigner.right",
+          value: g.RIGHT
+        }
+      ]
+    }
+  }
+], oo = {
+  field: "",
+  fieldId: "",
+  label: "",
+  modelKey: "",
+  fieldType: void 0,
+  bindModelKey: void 0,
+  disabled: !1,
+  explain: "",
+  showExplain: !1,
+  displayLabelText: !0,
+  readonly: !1,
+  fieldReadonly: !1,
+  notSubmitInHide: !0,
+  ...x
+}, eo = [
+  {
+    component: "switch-editor",
+    name: "showExplain",
+    label: "sys.pageDesigner.explain",
+    group: r.BASIC,
+    hidden: (e) => e.platform === O.MOBILE
+  },
+  {
+    component: "texteare-editor",
+    name: "explain",
+    label: "",
+    group: r.BASIC,
+    hidden: (e) => !e.props.showExplain,
+    _config: {
+      i18n: !0
+    }
+  },
+  {
+    component: "switch-editor",
+    name: "displayLabelText",
+    label: "sys.pageDesigner.displayLabelText",
+    group: r.ADVANCED
+  },
+  {
+    component: "switch-editor",
+    name: "disabled",
+    label: "sys.pageDesigner.disabled",
+    group: r.ADVANCED
+  },
+  {
+    component: "switch-editor",
+    name: "readonly",
+    label: "sys.pageDesigner.readonly",
+    group: r.ADVANCED
+  },
+  ...$
+  // {
+  //   component: 'switch-editor',
+  //   name: 'notSubmitInHide',
+  //   label: 'sys.pageDesigner.notSubmitInHide',
+  //   group: PropGroup.DISPLAY,
+  // },
+], to = [
+  {
+    component: "permission-editor",
+    label: "",
+    group: r.PERMISSION,
+    hidden: (e) => p(e)
+  }
+];
+function ro() {
+  if (!window._gct) {
+    console.error(
+      "未找到 _gct 对象，请先安装 @gct-paas/core 包后再安装 @gct-paas/design 包！"
+    );
+    return;
+  }
+  window._gct.message = new M();
+}
+export {
+  Q as baseBtnEditor,
+  V as baseBtnProp,
+  q as buttonEditor,
+  X as buttonProps,
+  J as buttonStyleEditor,
+  ro as default,
+  $ as displayEditor,
+  x as displayProps,
+  Z as fixedAlignEditor,
+  eo as formItemDisplayEditor,
+  oo as formItemProps,
+  K as getAutofillEditor,
+  p as hiddenButtonProps,
+  ro as install,
+  k as notNeedPxStyle,
+  to as permissionEditor,
+  j as style,
+  v as useStyle
+};

package/es/index.mjs

@@ -3,16 +3,16 @@ import './hooks/index.mjs';
 import './interface/index.mjs';
 import './schema/index.mjs';
 import { MessageUtil } from './utils/message/message.mjs';
-export { useStyle } from './hooks/useStyle.mjs';
-export { getAutofillEditor } from './schema/common-config/autofill-editor-config.mjs';
 export { baseBtnEditor, baseBtnProp } from './schema/common-config/base-button-config.mjs';
 export { buttonEditor, buttonProps, buttonStyleEditor } from './schema/common-config/button-editor-config.mjs';
-export { hiddenButtonProps } from './schema/common-config/button-props-func.mjs';
-export { fixedAlignEditor } from './schema/common-config/column-editor-config.mjs';
-export { notNeedPxStyle, style } from './schema/common-config/common-style.mjs';
 export { displayEditor, displayProps } from './schema/common-config/display-editor-config.mjs';
+export { fixedAlignEditor } from './schema/common-config/column-editor-config.mjs';
 export { formItemDisplayEditor, formItemProps } from './schema/common-config/formItem-editor-config.mjs';
+export { getAutofillEditor } from './schema/common-config/autofill-editor-config.mjs';
+export { hiddenButtonProps } from './schema/common-config/button-props-func.mjs';
+export { notNeedPxStyle, style } from './schema/common-config/common-style.mjs';
 export { permissionEditor } from './schema/common-config/permission-editor-config.mjs';
+export { useStyle } from './hooks/useStyle.mjs';
 
 "use strict";
 function install() {

package/es/types/index.d.ts

@@ -1,4 +1,4 @@
-import '@gct-paas/core/es/types';
+import '@gct-paas/core/types';
 
 declare global {
   type PartialByKeys<T, K extends keyof T> = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gct-paas/design",
-  "version": "0.1.4-dev.6",
+  "version": "0.1.4-dev.7",
   "type": "module",
   "description": "paas 平台设计界面底包",
   "main": "dist/index.min.cjs",
@@ -41,19 +41,19 @@
     "publish:npm": "npm run build && npm publish --access public --registry=https://registry.npmjs.org/"
   },
   "dependencies": {
-    "@gct-paas/build": "0.1.4-dev.6",
-    "@gct-paas/core": "0.1.4-dev.6",
+    "@gct-paas/core": "0.1.4-dev.7",
     "ant-design-vue": "3.2.20",
-    "lodash-es": "^4.17.21",
+    "lodash-es": "^4.17.23",
     "lokijs": "^1.5.12",
     "qx-util": "^0.4.8",
-    "vue": "^3.5.13"
+    "vue": "^3.5.27"
   },
   "peerDependencies": {
     "vue": "^3.x"
   },
   "devDependencies": {
+    "@gct-paas/build": "^0.1.4",
     "@types/lokijs": "^1.5.14"
   },
-  "gitHead": "89142a76f256070c57ff8a6dcf062eba397f797a"
+  "gitHead": "331b60348593f6afa0ccaa54fcdd52435b7876fa"
 }

package/es/constant/index.mjs

@@ -1,3 +0,0 @@
-export { VariableTypeEnum } from './variable-type/variable-type.mjs';
-
-"use strict";

package/es/constant/variable-type/variable-type.mjs

@@ -1,13 +0,0 @@
-"use strict";
-var VariableTypeEnum = /* @__PURE__ */ ((VariableTypeEnum2) => {
-  VariableTypeEnum2["String"] = "String";
-  VariableTypeEnum2["Number"] = "Number";
-  VariableTypeEnum2["Boolean"] = "Boolean";
-  VariableTypeEnum2["Object"] = "Object";
-  VariableTypeEnum2["Array"] = "Array";
-  VariableTypeEnum2["DataTime"] = "DataTime";
-  VariableTypeEnum2["Null"] = "Null";
-  return VariableTypeEnum2;
-})(VariableTypeEnum || {});
-
-export { VariableTypeEnum };

package/es/interface/controller/i-design-drag.controller.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/controller/i-design-view.controller.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/design-page/design-page.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/i-drag-collect/i-drag-collect.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/i-drag-data-item/i-drag-data-item.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/i-drag-item/i-drag-item.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/i-drop-collect/i-drop-collect.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/i-drop-result/i-drop-result.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/props/plugin-comp-props.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/state/i-design-drag.state.mjs

@@ -1 +0,0 @@
-"use strict";

package/es/interface/state/i-design-view.state.mjs

@@ -1 +0,0 @@
-"use strict";