@gct-paas/design 0.1.4-dev.9 → 0.1.5-dev.0

package/es/components/panel/panel-form/panel-form.css

@@ -1,67 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable scss/no-global-function-names */
-/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
-/**
- * 定义 Block 块
- * @param {String} $block - Block 块名称
- * @example
- *   @include b('button') {
- *     padding: 10px;
- *   }
- */
-/**
- * 定义 Element 元素
- * @param {String|List} $element - Element 元素名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include e('text') {
- *       color: #000;
- *     }
- *   }
- *   // 或传入多个元素
- *   @include b('button') {
- *     @include e(('text', 'icon')) {
- *       margin: 5px;
- *     }
- *   }
- */
-/**
- * 定义 Modifier 修饰符
- * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include m('primary') {
- *       background: blue;
- *     }
- *   }
- *   // 或传入多个修饰符
- *   @include b('button') {
- *     @include m(('primary', 'large')) {
- *       background: blue;
- *       font-size: 16px;
- *     }
- *   }
- */
-/**
- * 定义状态选择器
- * @param {String} $state - 状态名称
- * @example
- *   @include b('button') {
- *     @include when('disabled') {
- *       opacity: 0.5;
- *     }
- *   }
- */
-/**
- * 深色主题样式
- * @param {String} $block - Block 块名称
- * @example
- *   @include dark('button') {
- *     background: #333;
- *     color: #fff;
- *   }
- */
-/* stylelint-disable scss/no-global-function-names */
-.gct-design-panel-form {
-  height: 100%;
-}

package/es/components/panel/panel-form/panel-form.d.ts

@@ -1,62 +0,0 @@
-import { PropType } from 'vue';
-import { IEditForm } from '@gct-paas/core';
-import { IDesignNode, IDesignNodeData } from '../../../interface';
-export declare const PanelForm: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    model: {
-        type: PropType<IEditForm>;
-        required: true;
-    };
-    node: {
-        type: PropType<IDesignNode>;
-        required: true;
-    };
-    context: {
-        type: PropType<IContext>;
-        default: () => {};
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    data: import('vue').Ref<{
-        id: string;
-        order?: number | undefined;
-        label: string;
-        type: string;
-        updateDate: number;
-        data: {
-            [x: string]: any;
-            [x: symbol]: any;
-            name?: string | undefined;
-        };
-        parentId?: string | undefined;
-        clone: () => IDesignNode;
-    }, IDesignNode<IDesignNodeData> | {
-        id: string;
-        order?: number | undefined;
-        label: string;
-        type: string;
-        updateDate: number;
-        data: {
-            [x: string]: any;
-            [x: symbol]: any;
-            name?: string | undefined;
-        };
-        parentId?: string | undefined;
-        clone: () => IDesignNode;
-    }>;
-    formData: import('vue').WritableComputedRef<IDesignNodeData, IDesignNodeData>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    model: {
-        type: PropType<IEditForm>;
-        required: true;
-    };
-    node: {
-        type: PropType<IDesignNode>;
-        required: true;
-    };
-    context: {
-        type: PropType<IContext>;
-        default: () => {};
-    };
-}>> & Readonly<{}>, {
-    context: IContext;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/panel/panel-form/panel-form.mjs

@@ -1,76 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, ref, computed } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import '../../../hooks/design-view/design-state.mjs';
-import '@gct-paas/schema';
-import 'lodash-es';
-import '../../../hooks/design-view/layout/useScope.mjs';
-import '../../../hooks/design-view/global/useGlobal.mjs';
-import '@vueuse/core';
-import '../../../hooks/develop/useCacheHistory.mjs';
-import 'ant-design-vue';
-import '../../../hooks/design-view/widget/useSelectedWidget.mjs';
-import '../../../hooks/design-view/widget/useWidget.mjs';
-import '../../../hooks/design-view/page/usePage.mjs';
-import '../../../hooks/design-view/page/usePageOccupy.mjs';
-import '../../../hooks/design-view/layout/useToolkit.mjs';
-import { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
-import '../../../hooks/use-model-field/use-model-field.mjs';
-import 'qx-util';
-import './panel-form.css';/* empty css                 */
-
-const PanelForm = /* @__PURE__ */ defineComponent({
-  name: 'PanelForm',
-  props: {
-    model: {
-      type: Object,
-      required: true
-    },
-    node: {
-      type: Object,
-      required: true
-    },
-    context: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('design-panel-form');
-    const c = useDesignViewController();
-    const data = ref(props.node);
-    const formData = computed({
-      get() {
-        return data.value.data;
-      },
-      set(val) {
-        Object.assign(data.value.data, val);
-        console.debug('[ 保存的val ] >', data.value.data);
-        c.store.updateNode(data.value);
-      }
-    });
-    return {
-      ns,
-      data,
-      formData
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode(resolveComponent("gct-edit-form"), {
-      "class": "h-full",
-      "embed": true,
-      "model": this.model,
-      "data": this.formData,
-      "onUpdate:data": $event => this.formData = $event,
-      "context": {
-        ...this.context,
-        id: undefined
-      }
-    }, null)]);
-  }
-});
-
-export { PanelForm };

package/es/components/panel/panel-path/panel-path.css

@@ -1,89 +0,0 @@
-@charset "UTF-8";
-/* stylelint-disable scss/no-global-function-names */
-/* bem('block', 'element', 'modifier') => 'ibiz-block__element--modifier' */
-/**
- * 定义 Block 块
- * @param {String} $block - Block 块名称
- * @example
- *   @include b('button') {
- *     padding: 10px;
- *   }
- */
-/**
- * 定义 Element 元素
- * @param {String|List} $element - Element 元素名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include e('text') {
- *       color: #000;
- *     }
- *   }
- *   // 或传入多个元素
- *   @include b('button') {
- *     @include e(('text', 'icon')) {
- *       margin: 5px;
- *     }
- *   }
- */
-/**
- * 定义 Modifier 修饰符
- * @param {String|List} $modifier - Modifier 修饰符名称，支持单个或多个
- * @example
- *   @include b('button') {
- *     @include m('primary') {
- *       background: blue;
- *     }
- *   }
- *   // 或传入多个修饰符
- *   @include b('button') {
- *     @include m(('primary', 'large')) {
- *       background: blue;
- *       font-size: 16px;
- *     }
- *   }
- */
-/**
- * 定义状态选择器
- * @param {String} $state - 状态名称
- * @example
- *   @include b('button') {
- *     @include when('disabled') {
- *       opacity: 0.5;
- *     }
- *   }
- */
-/**
- * 深色主题样式
- * @param {String} $block - Block 块名称
- * @example
- *   @include dark('button') {
- *     background: #333;
- *     color: #fff;
- *   }
- */
-/* stylelint-disable scss/no-global-function-names */
-.gct-design-panel-path {
-  padding: 0 12px;
-  border-bottom: 1px solid #E0E3EA;
-  height: 100%;
-  width: 100%;
-  color: #797A7D;
-  font-size: 12px;
-  overflow: auto hidden;
-  white-space: nowrap;
-  display: flex;
-  align-items: center;
-}
-.gct-design-panel-path__arrow {
-  padding: 0 6px;
-}
-.gct-design-panel-path__arrow > .iconfont {
-  font-size: 10px;
-}
-
-.gct-design-panel-path__item {
-  cursor: pointer;
-}
-.gct-design-panel-path__item:last-child {
-  color: #212528;
-}

package/es/components/panel/panel-path/panel-path.d.ts

@@ -1,35 +0,0 @@
-import { IDesignNode, IDesignNodeData } from '../../../interface';
-export declare const PanelPath: import('vue').DefineComponent<{}, {
-    ns: import('@gct-paas/core').Namespace;
-    c: import('../../../interface').IDesignViewController;
-    rootRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
-    paths: import('vue').Ref<{
-        id: string;
-        order?: number | undefined;
-        label: string;
-        type: string;
-        updateDate: number;
-        data: {
-            [x: string]: any;
-            [x: symbol]: any;
-            name?: string | undefined;
-        };
-        parentId?: string | undefined;
-        clone: () => IDesignNode;
-    }[], IDesignNode<IDesignNodeData>[] | {
-        id: string;
-        order?: number | undefined;
-        label: string;
-        type: string;
-        updateDate: number;
-        data: {
-            [x: string]: any;
-            [x: symbol]: any;
-            name?: string | undefined;
-        };
-        parentId?: string | undefined;
-        clone: () => IDesignNode;
-    }[]>;
-    onActive: (item: IDesignNode<IDesignNodeData> | null) => void;
-    onActivePage: () => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/panel/panel-path/panel-path.mjs

@@ -1,75 +0,0 @@
-import { defineComponent, createVNode, Fragment, ref, watch, nextTick } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import '../../../hooks/design-view/design-state.mjs';
-import '@gct-paas/schema';
-import 'lodash-es';
-import '../../../hooks/design-view/layout/useScope.mjs';
-import '../../../hooks/design-view/global/useGlobal.mjs';
-import '@vueuse/core';
-import '../../../hooks/develop/useCacheHistory.mjs';
-import 'ant-design-vue';
-import '../../../hooks/design-view/widget/useSelectedWidget.mjs';
-import '../../../hooks/design-view/widget/useWidget.mjs';
-import '../../../hooks/design-view/page/usePage.mjs';
-import '../../../hooks/design-view/page/usePageOccupy.mjs';
-import '../../../hooks/design-view/layout/useToolkit.mjs';
-import { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
-import '../../../hooks/use-model-field/use-model-field.mjs';
-import 'qx-util';
-import './panel-path.css';/* empty css                 */
-
-const PanelPath = /* @__PURE__ */ defineComponent({
-  name: 'PanelPath',
-  setup() {
-    const ns = useNamespace('design-panel-path');
-    const rootRef = ref(null);
-    const c = useDesignViewController();
-    const paths = ref([]);
-    watch(() => c.store.selected, val => {
-      if (val) {
-        paths.value = c.store.getPaths(val.id);
-      } else {
-        paths.value = [];
-      }
-    });
-    watch(paths, () => {
-      nextTick(() => {
-        if (rootRef.value) {
-          rootRef.value.scrollTo(rootRef.value.scrollWidth, 0);
-        }
-      });
-    });
-    const onActive = item => {
-      c.store.setActive(item);
-    };
-    const onActivePage = () => {
-      c.store.setActive(c.store.pageNode);
-    };
-    return {
-      ns,
-      c,
-      rootRef,
-      paths,
-      onActive,
-      onActivePage
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "ref": "rootRef",
-      "class": this.ns.b()
-    }, [createVNode("span", {
-      "class": this.ns.e('item'),
-      "onClick": this.onActivePage
-    }, [this.c.store.rootExpLabel]), this.paths.map(item => createVNode(Fragment, null, [createVNode("span", {
-      "class": this.ns.e('arrow')
-    }, [createVNode("i", {
-      "class": "iconfont icon-a-Rightarrow"
-    }, null)]), createVNode("span", {
-      "class": this.ns.e('item'),
-      "onClick": () => this.onActive(item)
-    }, [item.label])]))]);
-  }
-});
-
-export { PanelPath };

package/es/controller/index.d.ts

@@ -1 +0,0 @@
-export { DesignViewController } from './view/design-view.controller';

package/es/controller/view/design-view.controller.d.ts

@@ -1,47 +0,0 @@
-import { IFormItemBasic } from '@gct-paas/core';
-import { IDesignNode, IDesignViewController } from '../../interface';
-import { DesignViewHooks } from '../../hooks/designer.hooks';
-/**
- * 设计界面控制器
- *
- * @author zhanghanrui
- * @date 2024-07-05 14:07:35
- * @export
- * @class DesignViewController
- * @implements {IDesignViewController}
- */
-export declare class DesignViewController implements IDesignViewController {
-    readonly store: import('pinia').Store<string, import('../..').IDesignViewState, IObject, import('../..').IDesignViewActions>;
-    readonly hooks: DesignViewHooks;
-    protected expansionTimer: number | null;
-    protected findModelPaths(paths: IFormItemBasic[], items: IFormItemBasic[], model: IFormItemBasic): IFormItemBasic[] | null;
-    /**
-     * 效验整个设计页面的表单数据
-     *
-     * @author zhanghanrui
-     * @date 2024-08-04 14:08:35
-     * @return {*}  {Promise<boolean>}
-     */
-    validate(): Promise<boolean>;
-    /**
-     * 设置展开节点
-     *
-     * @param {string[]} ids 只指定自身需要额外设置的节点，默认会根据当前往上取3层展开
-     * @returns {*}  {void}
-     */
-    setExpansion(ids: string[]): void;
-    /**
-     * 取消展开容器
-     */
-    cancelExpansion(): void;
-    /**
-     * 当前节点左右子节点类型
-     *
-     * @param {IDesignNode} node
-     * @returns {*}  {string[]}
-     */
-    types(node: IDesignNode): string[];
-    mounted(): void;
-    unmounted(): void;
-    dropEnd(): void;
-}

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

@@ -1,183 +0,0 @@
-import { h } from 'vue';
-import { EditFormController } from '@gct-paas/core';
-import { message } from 'ant-design-vue';
-import AsyncValidator from 'async-validator';
-import 'qx-util';
-import { isFunction } from 'lodash-es';
-import '../../constant/page-designer.mjs';
-import { NodeRegister } from '../../register/node/node.register.mjs';
-import { useDesignViewStore } from '../../store/view/design-view.store.mjs';
-import { DesignViewHooks } from '../../hooks/designer.hooks.mjs';
-
-class DesignViewController {
-  store = useDesignViewStore();
-  hooks = new DesignViewHooks();
-  expansionTimer = null;
-  findModelPaths(paths, items, model) {
-    const i = items.findIndex((item) => {
-      const container = item;
-      if (container.children) {
-        const result = this.findModelPaths(paths, container.children, model);
-        if (result !== null) {
-          paths.push(item);
-          return true;
-        }
-        return false;
-      }
-      const _ = item;
-      if (_.name === model.name) {
-        return true;
-      }
-      return false;
-    });
-    if (i !== -1) {
-      return paths;
-    }
-    return null;
-  }
-  /**
-   * 效验整个设计页面的表单数据
-   *
-   * @author zhanghanrui
-   * @date 2024-08-04 14:08:35
-   * @return {*}  {Promise<boolean>}
-   */
-  async validate() {
-    const data = this.store.getData();
-    for (const node of data.nodes) {
-      const provider = NodeRegister.get(node.type, this.store.prefix);
-      if (provider) {
-        const model = provider.model;
-        if (model) {
-          const formC = new EditFormController(
-            isFunction(model) ? model({}, node) : model
-          );
-          Object.assign(formC.state.data, node.data);
-          formC.loaded();
-          formC.validate = async () => {
-            const rules = {};
-            const keys = Object.keys(formC.item);
-            for (const key of keys) {
-              const item = formC.item[key];
-              if (item.type === "item" && item.model.rules) {
-                rules[key] = item.model.rules;
-              }
-            }
-            if (rules && Object.keys(rules).length > 0) {
-              const validator = new AsyncValidator(rules);
-              validator.validate(formC.state.data);
-              return new Promise((resolve) => {
-                validator.validate(formC.state.data, (errors, _fields) => {
-                  if (errors && errors.length > 0) {
-                    const err = errors[0];
-                    const { field } = err;
-                    const c = formC.item[field];
-                    const pathModels = this.findModelPaths(
-                      [],
-                      formC.model.children,
-                      c.model
-                    )?.filter((_) => {
-                      return _.title;
-                    }).reverse();
-                    message.warn(
-                      h("span", {}, [
-                        h("span", {}, [
-                          `【${c.data.name}】组件 - 【${pathModels ? pathModels.map((_) => `${_.title} - `).join("") : null}${c.model.label}】必填`
-                          // h(
-                          //   'a',
-                          //   {
-                          //     href: 'javascript:void(0);',
-                          //     style: {
-                          //       'margin-left': '5px',
-                          //     },
-                          //     onClick: () => {
-                          //       this.store.setActive(node);
-                          //     },
-                          //   },
-                          //   ['查看'],
-                          // ),
-                        ])
-                      ])
-                    );
-                    resolve(false);
-                  } else {
-                    resolve(true);
-                  }
-                });
-              });
-            }
-            return true;
-          };
-          const bol = await formC.validate();
-          if (bol !== true) {
-            return false;
-          }
-        }
-      }
-    }
-    return true;
-  }
-  /**
-   * 设置展开节点
-   *
-   * @param {string[]} ids 只指定自身需要额外设置的节点，默认会根据当前往上取3层展开
-   * @returns {*}  {void}
-   */
-  setExpansion(ids) {
-    if (this.store.isDragging !== true) {
-      return;
-    }
-    if (this.expansionTimer) {
-      clearTimeout(this.expansionTimer);
-      this.expansionTimer = null;
-    }
-    this.expansionTimer = setTimeout(() => {
-      ids.forEach((id) => {
-        this.store.expansions.add(id);
-      });
-      const keys = this.hooks.expansion.callSync([]);
-      keys.slice(keys.length - 3).forEach((id) => {
-        this.store.expansions.add(id);
-      });
-      this.store.countAdd();
-    }, 2e3);
-  }
-  /**
-   * 取消展开容器
-   */
-  cancelExpansion() {
-    if (this.expansionTimer) {
-      clearTimeout(this.expansionTimer);
-      this.expansionTimer = null;
-    }
-    this.store.expansions.clear();
-    this.store.countAdd();
-  }
-  /**
-   * 当前节点左右子节点类型
-   *
-   * @param {IDesignNode} node
-   * @returns {*}  {string[]}
-   */
-  types(node) {
-    const items = this.store.getChildren(node);
-    const types = [];
-    items.forEach((item) => {
-      types.push(item.type);
-      types.push(...this.types(item));
-    });
-    return types;
-  }
-  mounted() {
-  }
-  unmounted() {
-    this.store.history.clearAll();
-    this.store.$reset();
-  }
-  dropEnd() {
-    this.cancelExpansion();
-    this.store.dropContainer = null;
-  }
-}
-
-export { DesignViewController };

package/es/dictionary/tab-type/tab-type.mjs

@@ -1,24 +0,0 @@
-const TabType = {
-  tag: "tab-type",
-  mode: "static",
-  items: [
-    {
-      label: "基础",
-      value: "base"
-    },
-    {
-      label: "卡片",
-      value: "card"
-    },
-    {
-      label: "文本",
-      value: "text"
-    },
-    {
-      label: "胶囊",
-      value: "capsule"
-    }
-  ]
-};
-
-export { TabType };