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

package/es/components/material/material-tabs/material-tabs.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-material-tabs {
-  display: flex;
-  height: 100%;
-}
-.gct-material-tabs__item {
-  height: 74px;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  flex-direction: column;
-  color: #5D6474;
-}
-.gct-material-tabs__item.is-active {
-  background-color: #cdd1d6;
-  color: #000;
-}
-
-.gct-material-tabs__item-icon {
-  height: 28px;
-}
-.gct-material-tabs__item-icon .iconfont {
-  font-size: 22px;
-}
-
-.gct-material-tabs__item-label {
-  font-size: 12px;
-  font-weight: 500;
-}
-
-.gct-material-tabs-left {
-  flex-shrink: 0;
-  width: 48px;
-  border-radius: 0;
-  border: 2px solid #E0E3EA;
-  background-color: #E6E9EF;
-}
-
-.gct-material-tabs-right {
-  flex-grow: 1;
-}

package/es/components/material/material-tabs/material-tabs.d.ts

@@ -1,99 +0,0 @@
-export declare const MaterialTabs: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    tabs: {
-        type: {
-            (arrayLength: number): {
-                id: string;
-                label: string;
-                icon: string;
-            }[];
-            (...items: {
-                id: string;
-                label: string;
-                icon: string;
-            }[]): {
-                id: string;
-                label: string;
-                icon: string;
-            }[];
-            new (arrayLength: number): {
-                id: string;
-                label: string;
-                icon: string;
-            }[];
-            new (...items: {
-                id: string;
-                label: string;
-                icon: string;
-            }[]): {
-                id: string;
-                label: string;
-                icon: string;
-            }[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        required: true;
-    };
-    active: {
-        type: StringConstructor;
-        required: true;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    onChange: (e: MouseEvent, tag: string) => void;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("change" | "update:active")[], "change" | "update:active", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    tabs: {
-        type: {
-            (arrayLength: number): {
-                id: string;
-                label: string;
-                icon: string;
-            }[];
-            (...items: {
-                id: string;
-                label: string;
-                icon: string;
-            }[]): {
-                id: string;
-                label: string;
-                icon: string;
-            }[];
-            new (arrayLength: number): {
-                id: string;
-                label: string;
-                icon: string;
-            }[];
-            new (...items: {
-                id: string;
-                label: string;
-                icon: string;
-            }[]): {
-                id: string;
-                label: string;
-                icon: string;
-            }[];
-            isArray(arg: any): arg is any[];
-            readonly prototype: any[];
-            from<T>(arrayLike: ArrayLike<T>): T[];
-            from<T, U>(arrayLike: ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            from<T>(iterable: Iterable<T> | ArrayLike<T>): T[];
-            from<T, U>(iterable: Iterable<T> | ArrayLike<T>, mapfn: (v: T, k: number) => U, thisArg?: any): U[];
-            of<T>(...items: T[]): T[];
-            readonly [Symbol.species]: ArrayConstructor;
-        };
-        required: true;
-    };
-    active: {
-        type: StringConstructor;
-        required: true;
-    };
-}>> & Readonly<{
-    onChange?: ((...args: any[]) => any) | undefined;
-    "onUpdate:active"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/components/material/material-tabs/material-tabs.mjs

@@ -1,69 +0,0 @@
-import { defineComponent, createVNode } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import './material-tabs.css';/* empty css                    */
-
-const MaterialTabs = /* @__PURE__ */ defineComponent({
-  name: 'MaterialTabs',
-  props: {
-    tabs: {
-      type: Array,
-      required: true
-    },
-    active: {
-      type: String,
-      required: true
-    }
-  },
-  emits: ['update:active', 'change'],
-  setup(_props, {
-    emit
-  }) {
-    const ns = useNamespace('material-tabs');
-    const onChange = (e, tag) => {
-      e.stopPropagation();
-      emit('update:active', tag);
-      emit('change', tag);
-    };
-    return {
-      ns,
-      onChange
-    };
-  },
-  render() {
-    const slots = this.$slots.default ? this.$slots.default() : [];
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("div", {
-      "class": this.ns.b('left')
-    }, [this.tabs.map(tab => createVNode("div", {
-      "class": [this.ns.e('item'), this.ns.is('active', tab.id === this.active)],
-      "onClick": e => this.onChange(e, tab.id)
-    }, [createVNode("div", {
-      "class": this.ns.e('item-icon')
-    }, [createVNode("i", {
-      "class": `iconfont ${tab.icon}`
-    }, null)]), createVNode("div", {
-      "class": this.ns.e('item-label')
-    }, [tab.label])]))]), createVNode("div", {
-      "class": this.ns.b('right')
-    }, [slots.map(slot => {
-      const {
-        props
-      } = slot;
-      if (props) {
-        if (props.tabTag === this.active) {
-          props.style = {
-            display: 'block'
-          };
-        } else {
-          props.style = {
-            display: 'none'
-          };
-        }
-      }
-      return slot;
-    })])]);
-  }
-});
-
-export { MaterialTabs };

package/es/components/panel/index.d.ts

@@ -1,5 +0,0 @@
-import { App } from 'vue';
-declare const _default: {
-    install(app: App): void;
-};
-export default _default;

package/es/components/panel/index.mjs

@@ -1,9 +0,0 @@
-import { PanelContent } from './panel-content/panel-content.mjs';
-
-const Panel = {
-  install(app) {
-    app.component(PanelContent.name, PanelContent);
-  }
-};
-
-export { Panel as default };

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

@@ -1,183 +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-panel-content {
-  height: 100%;
-  border-left: 1px solid #e0e3ea;
-  overflow: hidden auto;
-  background-color: #FFF;
-  --gct-form-item-label-color: #242424;
-}
-.gct-panel-content .gct-gct-form-item .ant-form-item-label {
-  --gct-form-item-label-align: left;
-}
-.gct-panel-content .gct-gct-form-item__left {
-  float: right;
-}
-.gct-panel-content .gct-gct-form-item__label, .gct-panel-content .ant-form-item-label, .gct-panel-content .ant-checkbox-group {
-  --gct-form-item-label-font-size: 12px;
-  --gct-form-item-checkbox-width: 5px;
-  --gct-form-item-checkbox-height: 7px;
-}
-.gct-panel-content__paths {
-  height: 42px;
-}
-
-.gct-panel-content__content {
-  height: calc(100% - 42px);
-}
-
-.gct-panel-content .gct-form-collapse {
-  border-left: none;
-  border-right: none;
-}
-.gct-panel-content .gct-form-collapse:first-child {
-  border-top: none;
-}
-.gct-panel-content .gct-form-collapse.ant-collapse > .ant-collapse-item {
-  border-bottom-width: 0;
-}
-.gct-panel-content .ant-input,
-.gct-panel-content .ant-select {
-  color: #666;
-}
-.gct-panel-content .ant-input-show-count-suffix {
-  color: #c3c3c3;
-}
-.gct-panel-content .ant-input-affix-wrapper-sm {
-  padding: 2px 7px;
-}
-.gct-panel-content .ant-input-number-sm input {
-  height: 26px;
-}
-.gct-panel-content .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
-  height: 28px;
-}
-.gct-panel-content .ant-select-multiple.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector {
-  min-height: 28px;
-}
-.gct-panel-content .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-item,
-.gct-panel-content .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector .ant-select-selection-placeholder,
-.gct-panel-content .ant-select-single.ant-select-sm:not(.ant-select-customize-input) .ant-select-selector::after {
-  line-height: 26px;
-}
-.gct-panel-content .ant-select-multiple.ant-select-sm .ant-select-selection-item {
-  height: 20px;
-  line-height: 17px;
-}
-.gct-panel-content .ant-select-selection-placeholder,
-.gct-panel-content .ant-input::placeholder {
-  color: #c3c3c3;
-}
-.gct-panel-content .ant-form .ant-form-item {
-  margin-bottom: 8px;
-}
-.gct-panel-content .in-row-no-bottom {
-  margin-bottom: 0 !important;
-}
-.gct-panel-content .ant-form-vertical .ant-form-item-label {
-  padding-bottom: 2px;
-}
-.gct-panel-content .ant-collapse-icon-position-right > .ant-collapse-item > .ant-collapse-header .ant-collapse-arrow {
-  right: 12px;
-}
-.gct-panel-content .ant-collapse-ghost > .ant-collapse-item > .ant-collapse-content > .ant-collapse-content-box {
-  padding: 0;
-}
-.gct-panel-content .ant-collapse,
-.gct-panel-content .ant-input,
-.gct-panel-content .ant-collapse-header,
-.gct-panel-content .ant-btn,
-.gct-panel-content .ant-select,
-.gct-panel-content .ant-form .ant-form-item,
-.gct-panel-content .ant-breadcrumb {
-  font-size: 12px;
-}
-.gct-panel-content span.ant-radio + * {
-  padding-right: 8px;
-  padding-left: 6px;
-}
-.gct-panel-content .ant-radio-inner {
-  width: 12px;
-  height: 12px;
-}
-.gct-panel-content .ant-input-number,
-.gct-panel-content .ant-input-number-group-addon {
-  font-size: 12px;
-}
-.gct-panel-content .style-pane .ant-form-item {
-  min-height: 28px;
-  margin-bottom: 8px;
-}
-.gct-panel-content .suffix-number-input .ant-input-number-group > .ant-input-number:first-child {
-  border-radius: 2px;
-}
-.gct-panel-content .suffix-number-input .ant-input-number-group-addon {
-  padding: 0 16px 0 8px;
-  border: 0;
-  background-color: transparent;
-}
-.gct-panel-content {
-  --gct-form-item-label-color: #242424;
-}

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

@@ -1,19 +0,0 @@
-import { PropType } from 'vue';
-import { IEditForm } from '@gct-paas/core';
-export declare const PanelContent: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    context: {
-        type: PropType<IContext>;
-        default: () => {};
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    c: import('../../..').IDesignViewController;
-    formModel: import('vue').ComputedRef<IEditForm | null>;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
-    context: {
-        type: PropType<IContext>;
-        default: () => {};
-    };
-}>> & Readonly<{}>, {
-    context: IContext;
-}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -1,71 +0,0 @@
-import { defineComponent, createVNode, computed } from 'vue';
-import { useNamespace } from '@gct-paas/core';
-import { isFunction } from 'lodash-es';
-import { PanelPath } from '../panel-path/panel-path.mjs';
-import { PanelForm } from '../panel-form/panel-form.mjs';
-import '../../../hooks/design-view/useDesigner.mjs';
-import '../../../hooks/design-view/useGlobal.mjs';
-import '../../../hooks/design-view/usePage.mjs';
-import '../../../hooks/design-view/usePageOccupy.mjs';
-import '../../../hooks/design-view/usePropEditor.mjs';
-import '../../../hooks/design-view/useScope.mjs';
-import '../../../hooks/design-view/useSelectedWidget.mjs';
-import '@gct-paas/schema';
-import '../../../hooks/design-view/useToolkit.mjs';
-import '../../../hooks/design-view/useWidget.mjs';
-import '../../../hooks/develop/useCacheHistory.mjs';
-import { useDesignViewController } from '../../../hooks/use-design-view-controller/use-design-view-controller.mjs';
-import 'qx-util';
-import '../../../constant/page-designer.mjs';
-import { NodeRegister } from '../../../register/node/node.register.mjs';
-import './panel-content.css';/* empty css                    */
-
-const PanelContent = /* @__PURE__ */ defineComponent({
-  name: 'PanelContent',
-  props: {
-    context: {
-      type: Object,
-      default: () => {
-        return {};
-      }
-    }
-  },
-  setup(props) {
-    const ns = useNamespace('panel-content');
-    const c = useDesignViewController();
-    const formModel = computed(() => {
-      if (c.store.selected) {
-        const p = NodeRegister.get(c.store.selected.type, c.store.prefix);
-        if (p) {
-          if (isFunction(p.model)) {
-            // 如果提供者的model是函数，则调用函数获取模型
-            return p.model(props.context, c.store.selected);
-          }
-          return p.model;
-        }
-      }
-      return null;
-    });
-    return {
-      ns,
-      c,
-      formModel
-    };
-  },
-  render() {
-    return createVNode("div", {
-      "class": this.ns.b()
-    }, [createVNode("div", {
-      "class": this.ns.e('paths')
-    }, [createVNode(PanelPath, null, null)]), createVNode("div", {
-      "class": this.ns.e('content')
-    }, [this.c.store.selected && this.formModel ? createVNode(PanelForm, {
-      "key": this.c.store.selected.id,
-      "model": this.formModel,
-      "node": this.c.store.selected,
-      "context": this.context
-    }, null) : null])]);
-  }
-});
-
-export { PanelContent };

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>;