@gct-paas/core-web 0.1.4-dev.7 → 0.1.4-dev.8

package/es/components/code-editor/code-editor.css

@@ -0,0 +1,67 @@
+@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-code-editor {
+  height: 100%;
+}

package/es/components/code-editor/code-editor.mjs

@@ -1,15 +1,14 @@
 import { defineComponent, computed, ref, onMounted, onUnmounted, createVNode } from 'vue';
 import { useNamespace, deepMerge } from '@gct-paas/core';
 import loader from '@monaco-editor/loader';
-import './code-editor.scss';
+import './code-editor.css';/* empty css                  */
 
-"use strict";
 const CodeEditor = /* @__PURE__ */ defineComponent({
-  name: "CodeEditor",
+  name: 'CodeEditor',
   props: {
     value: {
       type: String,
-      default: ""
+      default: ''
     },
     config: {
       type: Object,
@@ -17,26 +16,26 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
     },
     language: {
       type: String,
-      default: "typescript"
+      default: 'typescript'
     }
   },
-  emits: ["update:value"],
+  emits: ['update:value'],
   setup(props, {
     emit
   }) {
-    const ns = useNamespace("code-editor");
+    const ns = useNamespace('code-editor');
     const val = computed({
       get() {
-        return props.value || "";
+        return props.value || '';
       },
       set(v) {
-        emit("update:value", v);
+        emit('update:value', v);
       }
     });
     const el = ref(null);
     let monacoEditor = null;
     onMounted(() => {
-      loader.init().then((m) => {
+      loader.init().then(m => {
         if (el.value) {
           monacoEditor = m.editor.create(el.value, deepMerge({
             value: val.value,

package/es/components/index.d.ts

@@ -1,3 +1,4 @@
+export { AssetsSvgIcon } from './assets-svg-icon/assets-svg-icon';
 export { CodeEditor } from './code-editor/code-editor';
 export { FlexContainer } from './layout/flex-container/flex-container';
 export { FlexItem } from './layout/flex-item/flex-item';

package/es/components/layout/flex-container/flex-container.css

@@ -0,0 +1,67 @@
+@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-flex-container {
+  display: flex;
+}

package/es/components/layout/view-container/view-container.css

@@ -0,0 +1,83 @@
+@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-view-container {
+  background-color: white;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+.gct-view-container-header {
+  flex-shrink: 0;
+}
+
+.gct-view-container-content {
+  flex-grow: 1;
+  overflow: hidden auto;
+}
+
+.gct-view-container-footer {
+  flex-shrink: 0;
+}

package/es/editor/gct-form-check-switch/gct-form-check-switch.d.ts

@@ -19,7 +19,7 @@ export declare const GctFormCheckSwitch: import('vue').DefineComponent<import('v
 }>, {
     ns: import('@gct-paas/core').Namespace;
     c: EditorController<ICheckSwitchEditor>;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     itemModel: {
         type: PropType<IFormItem>;

package/es/editor/gct-form-i18n/gct-form-i18n.d.ts

@@ -15,7 +15,7 @@ export declare const GctFormI18n: import('vue').DefineComponent<import('vue').Ex
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
     i18nConfigValue: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     c: {

package/es/editor/gct-form-info/gct-form-info.d.ts

@@ -11,7 +11,7 @@ export declare const GctFormInfo: import('vue').DefineComponent<import('vue').Ex
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     value: {
         type: StringConstructor;

package/es/editor/gct-form-length-unit/gct-form-length-unit.d.ts

@@ -19,7 +19,7 @@ export declare const GctFormLengthUnit: import('vue').DefineComponent<import('vu
 }>, {
     ns: import('@gct-paas/core').Namespace;
     c: LengthUnitEditorController;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     itemModel: {
         type: PropType<IFormItem>;

package/es/editor/gct-form-number/gct-form-number.d.ts

@@ -11,7 +11,7 @@ export declare const GctFormNumber: import('vue').DefineComponent<import('vue').
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     model: {
         type: PropType<INumberEditor>;

package/es/editor/gct-form-radio/gct-form-radio.d.ts

@@ -15,7 +15,7 @@ export declare const GctFormRadio: import('vue').DefineComponent<import('vue').E
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     c: {
         type: PropType<IFormItemController>;

package/es/editor/gct-form-select/gct-form-select.d.ts

@@ -15,7 +15,7 @@ export declare const GctFormSelect: import('vue').DefineComponent<import('vue').
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
     options: import('vue').ComputedRef<import('@gct-paas/core').IDictionaryItem[]>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     c: {

package/es/editor/gct-form-switch/gct-form-switch.d.ts

@@ -11,7 +11,7 @@ export declare const GctFormSwitch: import('vue').DefineComponent<import('vue').
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     model: {
         type: PropType<ISwitchEditor>;

package/es/editor/gct-form-textarea/gct-form-textarea.d.ts

@@ -11,7 +11,7 @@ export declare const GctFormTextarea: import('vue').DefineComponent<import('vue'
     };
 }>, {
     ns: import('@gct-paas/core').Namespace;
-    val: import('vue').WritableComputedRef<any, any> | null;
+    val: import('vue').WritableComputedRef<any, any>;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     model: {
         type: PropType<ITextareaEditor>;

package/es/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export { useLocale } from './useLocale';
+export { useTheme } from './useTheme';

package/es/hooks/useLocale.d.ts

@@ -0,0 +1,4 @@
+import { Locale } from 'ant-design-vue/lib/locale-provider';
+export declare function useLocale(): {
+    getAntdLocale: import('vue').ComputedRef<Locale | undefined>;
+};

package/es/hooks/useLocale.mjs

@@ -0,0 +1,32 @@
+import { computed } from 'vue';
+import antdLocaleCn from 'ant-design-vue/es/locale/zh_CN';
+import antdLocaleUs from 'ant-design-vue/es/locale/en_US';
+import antdLocalePt from 'ant-design-vue/es/locale/pt_PT';
+import antdLocaleTr from 'ant-design-vue/es/locale/tr_TR';
+import antdLocaleTw from 'ant-design-vue/es/locale/zh_TW';
+import antdLocaleJp from 'ant-design-vue/es/locale/ja_JP';
+import antdLocaleVn from 'ant-design-vue/es/locale/vi_VN';
+import antdLocaleDe from 'ant-design-vue/es/locale/de_DE';
+import antdLocaleFr from 'ant-design-vue/es/locale/fr_FR';
+import antdLocaleEs from 'ant-design-vue/es/locale/es_ES';
+import antdLocaleRu from 'ant-design-vue/es/locale/ru_RU';
+
+const antdMap = {
+  "zh-CN": antdLocaleCn,
+  "en-US": antdLocaleUs,
+  "pt-PT": antdLocalePt,
+  "tr-TR": antdLocaleTr,
+  "zh-TW": antdLocaleTw,
+  "ja-JP": antdLocaleJp,
+  "vi-VN": antdLocaleVn,
+  "de-GE": antdLocaleDe,
+  "fr-FR": antdLocaleFr,
+  "es-ES": antdLocaleEs,
+  "ru-RU": antdLocaleRu
+};
+function useLocale() {
+  const getAntdLocale = computed(() => antdMap[_gct.store.getLang]);
+  return { getAntdLocale };
+}
+
+export { useLocale };

package/es/hooks/useTheme.d.ts

@@ -0,0 +1,8 @@
+interface IThemeVars {
+    primaryColor?: string;
+}
+export declare function useTheme(): {
+    themeVars: IThemeVars;
+    setPrimaryColor: (color: string) => void;
+};
+export {};

package/es/hooks/useTheme.mjs

@@ -0,0 +1,20 @@
+import { reactive } from 'vue';
+import { ConfigProvider } from 'ant-design-vue';
+
+const themeVars = reactive({});
+function useTheme() {
+  function setPrimaryColor(color) {
+    themeVars.primaryColor = color;
+    ConfigProvider.config({
+      theme: {
+        primaryColor: color
+      }
+    });
+  }
+  return {
+    themeVars,
+    setPrimaryColor
+  };
+}
+
+export { useTheme };

package/es/index.d.ts

@@ -1,8 +1,7 @@
 import { App } from 'vue';
-import { CodeEditor } from './components';
-declare const _default: {
-    install(app: App): void;
-};
-export default _default;
+import { AssetsSvgIcon, CodeEditor } from './components';
+export declare function install(app: App): void;
+export * from './hooks';
 export * from './utils';
-export { CodeEditor };
+export { CodeEditor, AssetsSvgIcon };
+export * from './modules/gct-dnd';

package/es/index.mjs

@@ -1,27 +1,22 @@
-import './components/index.mjs';
-import Editor from './editor/index.mjs';
-import GctEditForm from './widgets/gct-edit-form/index.mjs';
-import GctForm from './widgets/gct-form/index.mjs';
-import './utils/index.mjs';
-import { CodeEditor } from './components/code-editor/code-editor.mjs';
-import { FlexContainer } from './components/layout/flex-container/flex-container.mjs';
-import { FlexItem } from './components/layout/flex-item/flex-item.mjs';
-import { GridContainer } from './components/layout/grid-container/grid-container.mjs';
-import { ViewContainer } from './components/layout/view-container/view-container.mjs';
+import './components/layout/view-container/view-container.css';import './components/layout/flex-container/flex-container.css';export { AssetsSvgIcon } from './components/assets-svg-icon/assets-svg-icon.mjs';
+export { CodeEditor } from './components/code-editor/code-editor.mjs';
+import 'vue';
+import '@gct-paas/core';
+/* empty css                                                      */
+/* empty css                                                      */
+import * as Icons from '@ant-design/icons-vue';
+export { useLocale } from './hooks/useLocale.mjs';
+export { useTheme } from './hooks/useTheme.mjs';
 export { withInstall } from './utils/with-install.mjs';
+export { GctDndContainer } from './modules/gct-dnd/components/gct-dnd-container/gct-dnd-container.mjs';
+export { GctDndDropLine } from './modules/gct-dnd/components/gct-dnd-drop-line/gct-dnd-drop-line.mjs';
+export { GctDndItem } from './modules/gct-dnd/components/gct-dnd-item/gct-dnd-item.mjs';
+export { GCT_DND_INSERT_POS } from './modules/gct-dnd/constants/index.mjs';
 
-"use strict";
-var index = {
-  install(app) {
-    app.use(Editor);
-    app.use(GctEditForm);
-    app.use(GctForm);
-    app.component(CodeEditor.name, CodeEditor);
-    app.component(FlexContainer.name, FlexContainer);
-    app.component(FlexItem.name, FlexItem);
-    app.component(GridContainer.name, GridContainer);
-    app.component(ViewContainer.name, ViewContainer);
-  }
-};
+function install(app) {
+  Object.entries(Icons).forEach(([key, component]) => {
+    app.component(key, component);
+  });
+}
 
-export { CodeEditor, index as default };
+export { install };

package/es/modules/gct-dnd/components/gct-dnd-container/gct-dnd-container.css

@@ -0,0 +1,72 @@
+@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-dnd-container {
+  border: 1px dashed transparent;
+  border-radius: var(--gct-border-radius-s);
+}
+.gct-dnd-container.is-over {
+  border-color: var(--gct-color-border-hover);
+  background-color: var(--gct-color-primary-light);
+}

package/es/modules/gct-dnd/components/gct-dnd-container/gct-dnd-container.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { IGctDndConfig, IGctDndData, IGctDropCollect } from '../../interface';
+import { GCT_DND_INSERT_POS } from '../../constants';
+export declare const GctDndContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    config: {
+        type: PropType<IGctDndConfig>;
+        default: () => IGctDndConfig;
+    };
+    items: {
+        type: PropType<IGctDndData[]>;
+        default: () => never[];
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    rootRef: import('vue').Ref<HTMLDivElement | null, HTMLDivElement | null>;
+    dropLineState: {
+        activeKey: string;
+        isBeforeHover: boolean;
+    };
+    collect: import('vue').Ref<IGctDropCollect, IGctDropCollect>;
+    onDrop: (insertPos: GCT_DND_INSERT_POS, data: IGctDndData, insertIndex?: number) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:items"[], "update:items", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    config: {
+        type: PropType<IGctDndConfig>;
+        default: () => IGctDndConfig;
+    };
+    items: {
+        type: PropType<IGctDndData[]>;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    "onUpdate:items"?: ((...args: any[]) => any) | undefined;
+}>, {
+    config: IGctDndConfig;
+    items: IGctDndData[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default GctDndContainer;