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

package/es/editor/child-list-editor/child-list-editor.css

@@ -1,76 +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-child-list-editor__header {
-  height: 24px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin: 10px 0;
-}
-
-.gct-child-list-editor__title {
-  font-size: 12px;
-  color: #242424;
-}

package/es/editor/child-list-editor/child-list-editor.d.ts

@@ -1,163 +0,0 @@
-import { PropType } from 'vue';
-import { IChildListEditor, IDesignNode } from '../../interface';
-export declare const ChildListEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    data: {
-        type: PropType<IData>;
-        required: true;
-    };
-    model: {
-        type: PropType<IChildListEditor>;
-        required: true;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    designView: import('../..').IDesignViewController;
-    p: import('../..').INodeProvider<IDesignNode<import('../..').IDesignNodeData>> | null;
-    items: import('vue').ComputedRef<IDesignNode<import('../..').IDesignNodeData>[]>;
-    checkVal: import('vue').ComputedRef<any>;
-    moveCard: (dragIndex: number, dropIndex: number) => void;
-    onAdd: (e: MouseEvent) => void;
-    onCheckChange: (id: string) => void;
-    onDelete: (id: string) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    data: {
-        type: PropType<IData>;
-        required: true;
-    };
-    model: {
-        type: PropType<IChildListEditor>;
-        required: true;
-    };
-}>> & Readonly<{}>, {}, {}, {
-    ChildListItemEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-        count: {
-            type: NumberConstructor;
-            required: true;
-        };
-        index: {
-            type: NumberConstructor;
-            required: true;
-        };
-        node: {
-            type: PropType<IDesignNode>;
-            required: true;
-        };
-        fieldKey: {
-            type: StringConstructor;
-            required: true;
-        };
-        value: {
-            type: StringConstructor;
-            required: true;
-        };
-        showLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        checked: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        drag: {
-            type: BooleanConstructor;
-        };
-        check: {
-            type: BooleanConstructor;
-        };
-        delete: {
-            type: BooleanConstructor;
-        };
-        editorType: {
-            type: StringConstructor;
-        };
-        editorProps: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        moveCard: {
-            type: FunctionConstructor;
-            required: true;
-        };
-    }>, {
-        ns: import('@gct-paas/core').Namespace;
-        radio: import('vue').WritableComputedRef<boolean, boolean>;
-        elRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
-        dragRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
-        dropCollect: import('vue').Ref<{
-            handlerId: string | symbol | null;
-            isShallowOver: boolean;
-        }, {
-            handlerId: string | symbol | null;
-            isShallowOver: boolean;
-        }>;
-        collect: import('vue').Ref<{
-            isDragging: boolean;
-        }, {
-            isDragging: boolean;
-        }>;
-        isBeforeHover: import('vue').Ref<boolean, boolean>;
-        onDelete: () => void;
-        renderEditor: () => import("vue/jsx-runtime").JSX.Element;
-    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("delete" | "update:value" | "check" | "update:title")[], "delete" | "update:value" | "check" | "update:title", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-        count: {
-            type: NumberConstructor;
-            required: true;
-        };
-        index: {
-            type: NumberConstructor;
-            required: true;
-        };
-        node: {
-            type: PropType<IDesignNode>;
-            required: true;
-        };
-        fieldKey: {
-            type: StringConstructor;
-            required: true;
-        };
-        value: {
-            type: StringConstructor;
-            required: true;
-        };
-        showLabel: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        checked: {
-            type: BooleanConstructor;
-            default: boolean;
-        };
-        drag: {
-            type: BooleanConstructor;
-        };
-        check: {
-            type: BooleanConstructor;
-        };
-        delete: {
-            type: BooleanConstructor;
-        };
-        editorType: {
-            type: StringConstructor;
-        };
-        editorProps: {
-            type: ObjectConstructor;
-            default: () => {};
-        };
-        moveCard: {
-            type: FunctionConstructor;
-            required: true;
-        };
-    }>> & Readonly<{
-        "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-        onDelete?: ((...args: any[]) => any) | undefined;
-        onCheck?: ((...args: any[]) => any) | undefined;
-        "onUpdate:title"?: ((...args: any[]) => any) | undefined;
-    }>, {
-        delete: boolean;
-        drag: boolean;
-        check: boolean;
-        showLabel: boolean;
-        checked: boolean;
-        editorProps: Record<string, any>;
-    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
-}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/editor/child-list-editor/child-list-editor.mjs

@@ -1,145 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, computed, isVNode, nextTick } from 'vue';
-import '../../hooks/design-view/design-state.mjs';
-import { t, useNamespace, useForm } from '@gct-paas/core';
-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 '../../constant/page-designer.mjs';
-import { NodeRegister } from '../../register/node/node.register.mjs';
-import { ChildListItemEditor } from './components/child-list-item-editor.mjs';
-import './child-list-editor.css';/* empty css                        */
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
-}
-const ChildListEditor = /* @__PURE__ */ defineComponent({
-  name: 'ChildListEditor',
-  components: {
-    ChildListItemEditor
-  },
-  props: {
-    data: {
-      type: Object,
-      required: true
-    },
-    model: {
-      type: Object,
-      required: true
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('child-list-editor');
-    const form = useForm();
-    const designView = useDesignViewController();
-    const p = NodeRegister.get(props.model.childDesignType, designView.store.prefix);
-    const items = computed(() => {
-      if (designView.store.selected) {
-        const list = designView.store.getChildren(designView.store.selected.id);
-        return list;
-      }
-      return [];
-    });
-    const create = async () => {
-      if (p && designView.store.selected) {
-        const data = await p.create();
-        data.data.name = `${data.data.name}${items.value.length + 1}`;
-        designView.store.setNode(designView.store.selected.id, data);
-      }
-    };
-    const onAdd = e => {
-      e.stopPropagation();
-      create();
-    };
-    const defaultSelectC = form.item[props.model.defaultSelectChildKey || 'defaultKey'];
-    const init = () => {
-      if (items.value && items.value.length === 0) {
-        nextTick(() => {
-          if (defaultSelectC && items.value.length > 0) {
-            defaultSelectC.value = items.value[0]?.id;
-          }
-        });
-      }
-    };
-    const checkVal = computed(() => {
-      if (defaultSelectC) {
-        return defaultSelectC.value;
-      }
-      return '';
-    });
-    const onCheckChange = id => {
-      defaultSelectC.value = id;
-    };
-    const onDelete = id => {
-      designView.store.deleteNode(id);
-    };
-    const moveCard = (dragIndex, dropIndex) => {
-      const item = items.value[dragIndex];
-      designView.store.setNode(props.data.id, item, dropIndex);
-    };
-    init();
-    return {
-      ns,
-      designView,
-      p,
-      items,
-      checkVal,
-      moveCard,
-      onAdd,
-      onCheckChange,
-      onDelete
-    };
-  },
-  render() {
-    let _slot;
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("div", {
-      "class": this.ns.e('header')
-    }, [createVNode("div", {
-      "class": this.ns.e('title')
-    }, [this.model.title]), createVNode("div", {
-      "class": this.ns.e('add')
-    }, [this.model.add !== false ? createVNode(resolveComponent("a-button"), {
-      "type": "link",
-      "size": "small",
-      "onClick": this.onAdd
-    }, _isSlot(_slot = t('sys.add')) ? _slot : {
-      default: () => [_slot]
-    }) : null])]), createVNode("div", {
-      "class": this.ns.e('content')
-    }, [this.items.map((item, i) => {
-      return createVNode(resolveComponent("child-list-item-editor"), {
-        "count": this.items.length,
-        "index": i,
-        "node": item,
-        "value": item.data[this.model.childEditFieldKey || 'name'],
-        "onUpdate:value": $event => item.data[this.model.childEditFieldKey || 'name'] = $event,
-        "fieldKey": this.model.childEditFieldKey,
-        "showLabel": this.model.showLabel,
-        "drag": this.model.sort,
-        "check": this.model.select,
-        "delete": this.model.delete,
-        "editorType": this.model.editorType,
-        "editorProps": this.model.editorProps,
-        "checked": this.checkVal === item.id,
-        "onCheck": () => this.onCheckChange(item.id),
-        "onDelete": () => this.onDelete(item.id),
-        "moveCard": this.moveCard
-      }, null);
-    })])]);
-  }
-});
-
-export { ChildListEditor };

package/es/editor/child-list-editor/child-list-editor.provider.d.ts

@@ -1,13 +0,0 @@
-import { IEditorProvider } from '@gct-paas/core';
-/**
- * 子项编辑器
- *
- * @author zhanghanrui
- * @date 2024-07-29 14:07:02
- * @export
- * @class ChildListEditorProvider
- * @implements {IEditorProvider}
- */
-export declare class ChildListEditorProvider implements IEditorProvider {
-    component: string;
-}

package/es/editor/child-list-editor/child-list-editor.provider.mjs

@@ -1,5 +0,0 @@
-class ChildListEditorProvider {
-  component = "child-list-editor";
-}
-
-export { ChildListEditorProvider };

package/es/editor/child-list-editor/components/child-list-item-editor.css

@@ -1,112 +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-child-list-item-editor {
-  position: relative;
-  display: flex;
-  align-items: center;
-  padding: 4px;
-  border-radius: 4px;
-  background-color: #F0F0F0;
-  margin-bottom: 4px;
-}
-.gct-child-list-item-editor__drag {
-  cursor: pointer;
-  flex-shrink: 0;
-  padding: 0 4px;
-}
-
-.gct-child-list-item-editor__check {
-  flex-shrink: 0;
-  margin-top: -3px;
-}
-
-.gct-child-list-item-editor__label {
-  flex-shrink: 0;
-  padding: 0 10px 0 0;
-}
-
-.gct-child-list-item-editor__editor {
-  flex-grow: 1;
-  text-align: left;
-}
-
-.gct-child-list-item-editor__delete {
-  cursor: pointer;
-  flex-shrink: 0;
-  padding: 0 6px;
-}
-
-.gct-child-list-item-editor-indicator {
-  position: absolute;
-  bottom: 0;
-  width: 100%;
-  height: 2px;
-  background-color: #E0E3EA;
-  z-index: 1;
-}
-.gct-child-list-item-editor-indicator.is-before {
-  top: 0;
-  bottom: unset;
-}

package/es/editor/child-list-editor/components/child-list-item-editor.d.ts

@@ -1,133 +0,0 @@
-import { PropType } from 'vue';
-import { IDesignNode } from '../../../interface';
-export declare const ChildListItemEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    count: {
-        type: NumberConstructor;
-        required: true;
-    };
-    index: {
-        type: NumberConstructor;
-        required: true;
-    };
-    node: {
-        type: PropType<IDesignNode>;
-        required: true;
-    };
-    fieldKey: {
-        type: StringConstructor;
-        required: true;
-    };
-    value: {
-        type: StringConstructor;
-        required: true;
-    };
-    showLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    checked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    drag: {
-        type: BooleanConstructor;
-    };
-    check: {
-        type: BooleanConstructor;
-    };
-    delete: {
-        type: BooleanConstructor;
-    };
-    editorType: {
-        type: StringConstructor;
-    };
-    editorProps: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    moveCard: {
-        type: FunctionConstructor;
-        required: true;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    radio: import('vue').WritableComputedRef<boolean, boolean>;
-    elRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
-    dragRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
-    dropCollect: import('vue').Ref<{
-        handlerId: string | symbol | null;
-        isShallowOver: boolean;
-    }, {
-        handlerId: string | symbol | null;
-        isShallowOver: boolean;
-    }>;
-    collect: import('vue').Ref<{
-        isDragging: boolean;
-    }, {
-        isDragging: boolean;
-    }>;
-    isBeforeHover: import('vue').Ref<boolean, boolean>;
-    onDelete: () => void;
-    renderEditor: () => import("vue/jsx-runtime").JSX.Element;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("delete" | "update:value" | "check" | "update:title")[], "delete" | "update:value" | "check" | "update:title", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    count: {
-        type: NumberConstructor;
-        required: true;
-    };
-    index: {
-        type: NumberConstructor;
-        required: true;
-    };
-    node: {
-        type: PropType<IDesignNode>;
-        required: true;
-    };
-    fieldKey: {
-        type: StringConstructor;
-        required: true;
-    };
-    value: {
-        type: StringConstructor;
-        required: true;
-    };
-    showLabel: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    checked: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    drag: {
-        type: BooleanConstructor;
-    };
-    check: {
-        type: BooleanConstructor;
-    };
-    delete: {
-        type: BooleanConstructor;
-    };
-    editorType: {
-        type: StringConstructor;
-    };
-    editorProps: {
-        type: ObjectConstructor;
-        default: () => {};
-    };
-    moveCard: {
-        type: FunctionConstructor;
-        required: true;
-    };
-}>> & Readonly<{
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-    onDelete?: ((...args: any[]) => any) | undefined;
-    onCheck?: ((...args: any[]) => any) | undefined;
-    "onUpdate:title"?: ((...args: any[]) => any) | undefined;
-}>, {
-    delete: boolean;
-    drag: boolean;
-    check: boolean;
-    showLabel: boolean;
-    checked: boolean;
-    editorProps: Record<string, any>;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;