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

package/es/plugins/design-tab-item/components/design-tab-item.component.d.ts

@@ -1,38 +0,0 @@
-export declare const DesignTabItemComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    readonly count: {
-        readonly type: NumberConstructor;
-        readonly required: true;
-    };
-    readonly data: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-        readonly required: true;
-    };
-    readonly children: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode[]>;
-        readonly default: () => never[];
-    };
-    readonly parent: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    c: import('../../..').IDesignViewController;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    readonly count: {
-        readonly type: NumberConstructor;
-        readonly required: true;
-    };
-    readonly data: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-        readonly required: true;
-    };
-    readonly children: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode[]>;
-        readonly default: () => never[];
-    };
-    readonly parent: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-    };
-}>> & Readonly<{}>, {
-    readonly children: import('../../..').IDesignNode<import('../../..').IDesignNodeData>[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/plugins/design-tab-item/components/design-tab-item.component.mjs

@@ -1,39 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { nodeContainerProps } from '../../../props/index.mjs';
-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';
-
-const DesignTabItemComponent = /* @__PURE__ */ defineComponent({
-  name: 'DesignTabItemComponent',
-  props: nodeContainerProps,
-  setup() {
-    const ns = useNamespace('design-tab-item-component');
-    const c = useDesignViewController();
-    return {
-      ns,
-      c
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [this.$slots.default?.()]);
-  }
-});
-
-export { DesignTabItemComponent };

package/es/plugins/design-tab-item/design-tab-item.data.d.ts

@@ -1,35 +0,0 @@
-import { IDesignNodeData } from '../../interface';
-import { DesignContainerNode } from '../../data';
-/**
- * 标签页项
- *
- * @author zhanghanrui
- * @date 2024-07-29 16:07:46
- * @export
- * @interface IDesignTabItemData
- * @extends {IDesignNodeData}
- */
-export interface IDesignTabItemData extends IDesignNodeData {
-    /**
-     * 标签页标题
-     *
-     * @author zhanghanrui
-     * @date 2024-07-29 16:07:42
-     * @type {(string | object)}
-     */
-    title: string | object;
-}
-/**
- * 设计选项卡项节点
- *
- * @author zhanghanrui
- * @date 2024-07-12 13:07:43
- * @export
- * @class DesignTabItemNode
- * @extends {DesignContainerNode<IDesignTabItemData>}
- */
-export declare class DesignTabItemNode extends DesignContainerNode<IDesignTabItemData> {
-    type: string;
-    get label(): string;
-    protected createData(): IDesignTabItemData;
-}

package/es/plugins/design-tab-item/design-tab-item.data.mjs

@@ -1,22 +0,0 @@
-import { DesignNodeType } from '../../constant/index.mjs';
-import { DesignContainerNode } from '../../data/design-container-node/design-container-node.mjs';
-import '@jsplumb/browser-ui';
-import 'lodash-es';
-
-class DesignTabItemNode extends DesignContainerNode {
-  type = DesignNodeType.TAB_ITEM;
-  get label() {
-    if (this.data.title) {
-      return this.data.title;
-    }
-    return this.data.name;
-  }
-  createData() {
-    return {
-      name: "标签页",
-      title: "标签页"
-    };
-  }
-}
-
-export { DesignTabItemNode };

package/es/plugins/design-tab-item/design-tab-item.provider.d.ts

@@ -1,25 +0,0 @@
-import { IEditForm } from '@gct-paas/core';
-import { DesignNodeMode } from '../../constant';
-import { IDesignItemAction, IMaterialData, INodeProvider } from '../../interface';
-import { DesignTabItemNode } from './design-tab-item.data';
-import { NodeBaseProvider } from '../../provider';
-/**
- * 选项卡子项
- *
- * @author zhanghanrui
- * @date 2024-07-16 17:07:10
- * @export
- * @class DesignTabItemProvider
- * @extends {NodeBaseProvider<DesignTabItemNode>}
- * @implements {INodeProvider<DesignTabItemNode>}
- */
-export declare class DesignTabItemProvider extends NodeBaseProvider<DesignTabItemNode> implements INodeProvider<DesignTabItemNode> {
-    mode: DesignNodeMode;
-    type: string;
-    component: string;
-    isDrag: boolean;
-    static materialConfig: IMaterialData;
-    model: IEditForm;
-    protected createActions(): IDesignItemAction[];
-    create(data?: DesignTabItemNode): DesignTabItemNode;
-}

package/es/plugins/design-tab-item/design-tab-item.provider.mjs

@@ -1,185 +0,0 @@
-import { EditorType, t } from '@gct-paas/core';
-import { DesignNodeMode, DesignNodeType, MaterialGroup, DesignItemActionTag } from '../../constant/index.mjs';
-import { DesignTabItemNode } from './design-tab-item.data.mjs';
-import { NodeBaseProvider } from '../../provider/node-base/node-base.provider.mjs';
-import '../../provider/design-editor-node/design-editor-node.provider.mjs';
-import { DesignEditorType } from '../../constant/design-editor-type.mjs';
-
-class DesignTabItemProvider extends NodeBaseProvider {
-  mode = DesignNodeMode.CONTAINER;
-  type = DesignNodeType.TAB_ITEM;
-  component = "DesignTabItemComponent";
-  isDrag = false;
-  static materialConfig = {
-    group: MaterialGroup.LAYOUT,
-    label: "选项卡子项",
-    type: DesignNodeType.TAB_ITEM,
-    icon: "icon-a-gudingbiaosvg",
-    order: 0
-  };
-  model = {
-    type: "edit",
-    children: [
-      {
-        type: "tab",
-        name: "tab",
-        isContainer: true,
-        layout: "flex",
-        navPosition: "center",
-        height: "100%",
-        children: [
-          {
-            name: "pane1",
-            type: "tab-pane",
-            isContainer: true,
-            title: t("sys.designView.form.attribute"),
-            layout: "grid",
-            children: [
-              {
-                name: "collapse-property",
-                type: "collapse",
-                isContainer: true,
-                layout: "flex",
-                children: [
-                  {
-                    name: "collapse-pane-config",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.baseAttribute"),
-                    children: [
-                      {
-                        type: "hidden",
-                        name: "i18nConfig"
-                      },
-                      {
-                        type: "item",
-                        label: t(
-                          "sys.designView.components.tabItem.form.label"
-                        ),
-                        labelPosition: "top",
-                        name: "title",
-                        editor: {
-                          type: EditorType.I18N,
-                          props: {
-                            size: "small",
-                            attr: "title"
-                          }
-                        }
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          },
-          {
-            name: "pane2",
-            type: "tab-pane",
-            class: "style-pane",
-            title: t("sys.designView.form.style"),
-            isContainer: true,
-            layout: "grid",
-            children: [
-              {
-                name: "collapse-style",
-                type: "collapse",
-                isContainer: true,
-                layout: "flex",
-                children: [
-                  {
-                    name: "collapse-pane-layout",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.layout"),
-                    children: [
-                      {
-                        type: "item",
-                        label: "宽度",
-                        name: "width",
-                        noColon: true,
-                        labelAlign: "left",
-                        labelWidth: "34px",
-                        editor: {
-                          type: EditorType.LENGTH_UNIT
-                        }
-                      },
-                      {
-                        type: "item",
-                        label: "高度",
-                        name: "height",
-                        noColon: true,
-                        labelAlign: "left",
-                        labelWidth: "34px",
-                        editor: {
-                          type: EditorType.LENGTH_UNIT
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    name: "collapse-pane-bg",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.background"),
-                    children: [
-                      {
-                        type: "item",
-                        label: t("sys.designView.form.backgroundColor"),
-                        name: "background",
-                        noColon: true,
-                        labelAlign: "left",
-                        labelWidth: "56px",
-                        editor: {
-                          type: EditorType.COLOR
-                        }
-                      }
-                    ]
-                  },
-                  {
-                    name: "collapse-pane-spacing",
-                    type: "collapse-pane",
-                    isContainer: true,
-                    layout: "grid",
-                    title: t("sys.designView.form.margin"),
-                    children: [
-                      {
-                        type: "hidden",
-                        name: "padding"
-                      },
-                      {
-                        type: "item",
-                        name: "margin",
-                        fields: ["margin", "padding"],
-                        editor: {
-                          type: DesignEditorType.STYLE_SPACING,
-                          showArea: ["padding"]
-                        }
-                      }
-                    ]
-                  }
-                ]
-              }
-            ]
-          }
-        ]
-      }
-    ]
-  };
-  createActions() {
-    return [
-      {
-        tag: DesignItemActionTag.SELECT_PARENT,
-        icon: "icon-fuzujian",
-        tooltip: t("sys.designView.tips.selectParent")
-      }
-    ];
-  }
-  create(data) {
-    return new DesignTabItemNode(data);
-  }
-}
-
-export { DesignTabItemProvider };

package/es/plugins/design-tabs/components/design-tabs.component.css

@@ -1,105 +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-tabs-component .van-tabs {
-  --van-tab-active-text-color: var(--ant-primary-color);
-}
-.gct-design-tabs-component .van-tabs .van-tab:not(:first-child) {
-  margin-left: var(--tab-gap);
-}
-.gct-design-tabs-component .van-tabs.is-center .van-tabs__wrap {
-  display: flex;
-  justify-content: center;
-}
-
-.gct-design-tabs-component .van-tabs__line {
-  background: var(--ant-primary-color);
-}
-.gct-design-tabs-component--card .van-tab {
-  border-left: 1px solid #E0E3EA;
-  border-top: 1px solid #E0E3EA;
-  border-bottom: 1px solid #E0E3EA;
-  background-color: #F7F8FA;
-}
-.gct-design-tabs-component--card .van-tab:nth-last-child(2) {
-  border-right: 1px solid #E0E3EA;
-}
-.gct-design-tabs-component--card .van-tabs__line {
-  display: none;
-}
-.gct-design-tabs-component--card .van-tab--active {
-  border-bottom: 1px solid transparent;
-}
-
-.gct-design-tabs-component--text .van-tabs__line {
-  display: none;
-}
-
-.gct-design-tabs-component .van-tabs__nav--card {
-  margin: 0;
-}
-.gct-design-tabs-component .van-tabs__wrap > .van-tabs__nav {
-  padding-right: 0;
-  padding-left: 0;
-}

package/es/plugins/design-tabs/components/design-tabs.component.d.ts

@@ -1,40 +0,0 @@
-export declare const DesignTabsComponent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    readonly count: {
-        readonly type: NumberConstructor;
-        readonly required: true;
-    };
-    readonly data: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-        readonly required: true;
-    };
-    readonly children: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode[]>;
-        readonly default: () => never[];
-    };
-    readonly parent: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    c: import('../../..').IDesignViewController;
-    activeKey: import('vue').Ref<string, string>;
-    onChange: (key: string) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    readonly count: {
-        readonly type: NumberConstructor;
-        readonly required: true;
-    };
-    readonly data: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-        readonly required: true;
-    };
-    readonly children: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode[]>;
-        readonly default: () => never[];
-    };
-    readonly parent: {
-        readonly type: import('vue').PropType<import('../../..').IDesignNode>;
-    };
-}>> & Readonly<{}>, {
-    readonly children: import('../../..').IDesignNode<import('../../..').IDesignNodeData>[];
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/plugins/design-tabs/components/design-tabs.component.mjs

@@ -1,85 +0,0 @@
-import { defineComponent, createVNode, resolveComponent, computed, ref, isVNode, nextTick } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { nodeContainerProps } from '../../../props/index.mjs';
-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 './design-tabs.component.css';/* empty css                            */
-
-function _isSlot(s) {
-  return typeof s === 'function' || Object.prototype.toString.call(s) === '[object Object]' && !isVNode(s);
-}
-const DesignTabsComponent = /* @__PURE__ */ defineComponent({
-  name: 'DesignTabsComponent',
-  props: nodeContainerProps,
-  setup(defProps) {
-    const ns = useNamespace('design-tabs-component');
-    const c = useDesignViewController();
-    const data = computed(() => {
-      return defProps.data.data;
-    });
-    const activeKey = ref(data.value.defaultTab || '');
-    const onChange = key => {
-      nextTick(() => {
-        c.store.setActive(c.store.getNode(key));
-      });
-    };
-    return {
-      ns,
-      c,
-      activeKey,
-      onChange
-    };
-  },
-  render() {
-    let _slot;
-    const {
-      tabType
-    } = this.data.data;
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode(resolveComponent("van-tabs"), {
-      "class": [this.ns.is('center', this.data.data.center), this.ns.m(this.data.data.tabType)],
-      "active": this.activeKey,
-      "onUpdate:active": $event => this.activeKey = $event,
-      "shrink": true,
-      "type": tabType === 'capsule' ? 'card' : 'line',
-      "onChange": this.onChange,
-      "style": tabType === 'text' || tabType === 'capsule' ? null : {
-        '--tab-gap': `${this.data.data.gutter}px`
-      },
-      "onClickTab": ({
-        event
-      }) => event.stopPropagation()
-    }, _isSlot(_slot = this.children.map((item, i) => {
-      return createVNode(resolveComponent("van-tab"), {
-        "key": item.id,
-        "name": item.id,
-        "title": item.label
-      }, {
-        default: () => [this.$slots.item?.({
-          index: i,
-          node: item,
-          parent: this.data
-        })]
-      });
-    })) ? _slot : {
-      default: () => [_slot]
-    })]);
-  }
-});
-
-export { DesignTabsComponent };

package/es/plugins/design-tabs/design-tabs.data.d.ts

@@ -1,66 +0,0 @@
-import { IDesignNodeData } from '../../interface';
-import { DesignContainerNode } from '../../data';
-/**
- * 标签页数据
- *
- * @author zhanghanrui
- * @date 2024-07-29 16:07:12
- * @export
- * @interface IDesignTabsData
- * @extends {IDesignNodeData}
- */
-export interface IDesignTabsData extends IDesignNodeData {
-    /**
-     * 标签呈现类型
-     *
-     * @author zhanghanrui
-     * @date 2024-07-29 16:07:26
-     * @type {string}
-     */
-    tabType: string;
-    /**
-     * 标签页间距
-     *
-     * @author zhanghanrui
-     * @date 2024-07-29 16:07:33
-     * @type {number}
-     */
-    gutter: number;
-    /**
-     * 标签页是否居中
-     *
-     * @author zhanghanrui
-     * @date 2024-07-29 16:07:25
-     * @type {boolean}
-     */
-    center: boolean;
-    /**
-     * 切换销毁
-     *
-     * @author zhanghanrui
-     * @date 2024-07-29 16:07:19
-     * @type {boolean}
-     */
-    selectDestroy: boolean;
-    /**
-     * 默认标签页
-     *
-     * @author zhanghanrui
-     * @date 2024-07-30 14:07:30
-     * @type {string}
-     */
-    defaultTab?: string;
-}
-/**
- * 设计选项卡节点
- *
- * @author zhanghanrui
- * @date 2024-07-12 13:07:43
- * @export
- * @class DesignTabsNode
- * @extends {DesignContainerNode<IDesignNodeData>}
- */
-export declare class DesignTabsNode extends DesignContainerNode<IDesignNodeData> {
-    type: string;
-    protected createData(): IDesignTabsData;
-}

package/es/plugins/design-tabs/design-tabs.data.mjs

@@ -1,19 +0,0 @@
-import { DesignNodeType } from '../../constant/index.mjs';
-import { DesignContainerNode } from '../../data/design-container-node/design-container-node.mjs';
-import '@jsplumb/browser-ui';
-import 'lodash-es';
-
-class DesignTabsNode extends DesignContainerNode {
-  type = DesignNodeType.TABS;
-  createData() {
-    return {
-      name: "选项卡",
-      tabType: "base",
-      gutter: 20,
-      center: false,
-      selectDestroy: false
-    };
-  }
-}
-
-export { DesignTabsNode };