@gct-paas/core-web 0.0.1-dev.16 → 0.0.1-dev.18

package/es/_virtual/_commonjsHelpers.mjs

@@ -0,0 +1,40 @@
+var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
+
+function getDefaultExportFromCjs (x) {
+	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
+}
+
+function getDefaultExportFromNamespaceIfPresent (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') ? n['default'] : n;
+}
+
+function getDefaultExportFromNamespaceIfNotNamed (n) {
+	return n && Object.prototype.hasOwnProperty.call(n, 'default') && Object.keys(n).length === 1 ? n['default'] : n;
+}
+
+function getAugmentedNamespace(n) {
+  if (n.__esModule) return n;
+  var f = n.default;
+	if (typeof f == "function") {
+		var a = function a () {
+			if (this instanceof a) {
+        return Reflect.construct(f, arguments, this.constructor);
+			}
+			return f.apply(this, arguments);
+		};
+		a.prototype = f.prototype;
+  } else a = {};
+  Object.defineProperty(a, '__esModule', {value: true});
+	Object.keys(n).forEach(function (k) {
+		var d = Object.getOwnPropertyDescriptor(n, k);
+		Object.defineProperty(a, k, d.get ? d : {
+			enumerable: true,
+			get: function () {
+				return n[k];
+			}
+		});
+	});
+	return a;
+}
+
+export { commonjsGlobal, getAugmentedNamespace, getDefaultExportFromCjs, getDefaultExportFromNamespaceIfNotNamed, getDefaultExportFromNamespaceIfPresent };

package/es/_virtual/node.mjs

@@ -0,0 +1,7 @@
+import { getDefaultExportFromCjs } from './_commonjsHelpers.mjs';
+import { __require as requireNode } from '../node_modules/.pnpm/gradient-parser@1.0.2/node_modules/gradient-parser/build/node.mjs';
+
+var nodeExports = requireNode();
+var node = /*@__PURE__*/getDefaultExportFromCjs(nodeExports);
+
+export { node as default, nodeExports as n };

package/es/_virtual/node2.mjs

@@ -0,0 +1,3 @@
+var node = {};
+
+export { node as __exports };

package/es/components/code-editor/code-editor.d.ts

@@ -9,6 +9,10 @@ export declare const CodeEditor: import('vue').DefineComponent<import('vue').Ext
         type: PropType<editor.IStandaloneEditorConstructionOptions>;
         default: () => {};
     };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
 }>, {
     ns: import('@gct-paas/core').Namespace;
     el: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
@@ -21,9 +25,14 @@ export declare const CodeEditor: import('vue').DefineComponent<import('vue').Ext
         type: PropType<editor.IStandaloneEditorConstructionOptions>;
         default: () => {};
     };
+    language: {
+        type: StringConstructor;
+        default: string;
+    };
 }>> & Readonly<{
     "onUpdate:value"?: ((...args: any[]) => any) | undefined;
 }>, {
     value: string;
     config: editor.IStandaloneEditorConstructionOptions;
+    language: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -15,6 +15,10 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
     config: {
       type: Object,
       default: () => ({})
+    },
+    language: {
+      type: String,
+      default: "typescript"
     }
   },
   emits: ["update:value"],
@@ -24,7 +28,7 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
     const ns = useNamespace("code-editor");
     const val = computed({
       get() {
-        return props.value;
+        return props.value || "";
       },
       set(v) {
         emit("update:value", v);
@@ -37,12 +41,15 @@ const CodeEditor = /* @__PURE__ */ defineComponent({
         if (el.value) {
           monacoEditor = m.editor.create(el.value, deepMerge({
             value: val.value,
-            language: "typescript",
+            language: props.language,
             automaticLayout: true,
             minimap: {
               enabled: false
             }
           }, props.config));
+          monacoEditor.onDidBlurEditorText(() => {
+            val.value = monacoEditor.getValue();
+          });
         }
       });
     });

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

@@ -1,37 +1,5 @@
-import { PropType } from 'vue';
-import { ColorEditorController, IColorEditor, IFormItem } from '@gct-paas/core';
 /**
  * 颜色选择编辑器
  */
-export declare const GctFormColor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
-    itemModel: {
-        type: PropType<IFormItem>;
-        required: true;
-    };
-    model: {
-        type: PropType<IColorEditor>;
-        required: true;
-    };
-    value: {
-        type: StringConstructor;
-    };
-}>, {
-    ns: import('@gct-paas/core').Namespace;
-    c: ColorEditorController;
-    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>;
-        required: true;
-    };
-    model: {
-        type: PropType<IColorEditor>;
-        required: true;
-    };
-    value: {
-        type: StringConstructor;
-    };
-}>> & Readonly<{
-    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
-}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export declare const GctFormColor: any;
 export default GctFormColor;

package/es/editor/gct-form-color/gct-form-color.mjs

@@ -1,5 +1,5 @@
 import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace, ColorEditorController, useGctFormValue } from '@gct-paas/core';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
 import './gct-form-color.scss';
 
 "use strict";
@@ -20,24 +20,26 @@ const GctFormColor = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:value"],
-  setup(props) {
+  setup() {
     const ns = useNamespace("form-color");
-    const c = new ColorEditorController(props.model);
     const val = useGctFormValue();
     return {
       ns,
-      c,
       val
     };
   },
   render() {
-    return createVNode(resolveComponent("color-editor"), mergeProps({
-      "value": this.val,
-      "onUpdate:value": ($event) => this.val = $event
-    }, this.model.props || {}, {
+    return createVNode(resolveComponent("color-picker"), mergeProps({
+      "pureColor": this.val,
+      "onUpdate:pureColor": ($event) => this.val = $event,
+      "format": "rgba",
+      "shape": "circle",
+      "use-type": "pure",
+      "picker-type": "chrome",
       "class": [this.ns.b(), this.ns.is("readonly", this.model.readonly)]
-    }), null);
+    }, this.model.props || {}), null);
   }
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
 });
 
 export { GctFormColor, GctFormColor as default };

package/es/editor/gct-form-color/index.d.ts

@@ -2,3 +2,6 @@ declare const _default: {
     install(app: import('vue').App): void;
 };
 export default _default;
+export declare const oldColorCom: {
+    install(app: import('vue').App): void;
+};

package/es/editor/gct-form-color/index.mjs

@@ -1,4 +1,4 @@
-import { widthEditorInstall, EditorType } from '@gct-paas/core';
+import { widthEditorInstall, EditorType, EditorTypeOld } from '@gct-paas/core';
 import { GctFormColor as GctFormColor$1 } from './gct-form-color.mjs';
 import { GctFormColorProvider } from './gct-form-color.provider.mjs';
 
@@ -8,5 +8,10 @@ var GctFormColor = widthEditorInstall(
   () => new GctFormColorProvider(),
   GctFormColor$1
 );
+const oldColorCom = widthEditorInstall(
+  EditorTypeOld.COLOR,
+  () => new GctFormColorProvider(),
+  GctFormColor$1
+);
 
-export { GctFormColor as default };
+export { GctFormColor as default, oldColorCom };

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

@@ -0,0 +1,45 @@
+import { PropType } from 'vue';
+import { IFormItemController, ISelectEditor } from '@gct-paas/core';
+export declare const GctFormModalSelect: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<ISelectEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    val: import('vue').WritableComputedRef<any, any>;
+    options: import('vue').ComputedRef<{
+        label: string;
+        options: {
+            value: string;
+            label: string;
+        }[];
+    }[]>;
+    modelCategory: import('vue').Ref<string, string>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    c: {
+        type: PropType<IFormItemController>;
+        required: true;
+    };
+    model: {
+        type: PropType<ISelectEditor>;
+        required: true;
+    };
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default GctFormModalSelect;

package/es/editor/gct-form-modal-select/gct-form-modal-select.mjs

@@ -0,0 +1,99 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps, ref, computed } from 'vue';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+import './gct-form-modal-select.scss';
+
+"use strict";
+const GctFormModalSelect = /* @__PURE__ */ defineComponent({
+  name: "GctFormModalSelect",
+  props: {
+    c: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:value"],
+  setup() {
+    const ns = useNamespace("gct-form-modal-select");
+    const modelCategory = ref("1");
+    const val = useGctFormValue();
+    const selectValue = computed({
+      get() {
+        return val.value || void 0;
+      },
+      set(v) {
+        val.value = v;
+      }
+    });
+    const options = computed(() => {
+      return [{
+        label: "\u9ED8\u8BA4",
+        options: [{
+          value: "1",
+          label: "\u6A21\u578B\u4E00"
+        }, {
+          value: "2",
+          label: "\u6A21\u578B\u4E8C"
+        }]
+      }, {
+        label: "\u4EA7\u54C1\u5EFA\u6A21",
+        options: [{
+          value: "3",
+          label: "\u4EA7\u54C1\u4FE1\u606F"
+        }, {
+          value: "4",
+          label: "\u4EA7\u54C1\u7C7B\u578B"
+        }]
+      }];
+    });
+    return {
+      ns,
+      val: selectValue,
+      options,
+      modelCategory
+    };
+  },
+  render() {
+    return createVNode(resolveComponent("a-input-group"), {
+      "class": this.ns.b()
+    }, {
+      default: () => [createVNode(resolveComponent("a-form-item-rest"), null, {
+        default: () => [createVNode(resolveComponent("a-select"), mergeProps({
+          "value": this.modelCategory,
+          "onUpdate:value": ($event) => this.modelCategory = $event
+        }, this.model.props || {}, {
+          "placeholder": "\u8BF7\u9009\u62E9",
+          "options": [{
+            value: "1",
+            label: "\u5B9E\u4F53"
+          }, {
+            value: "2",
+            label: "\u89C6\u56FE"
+          }, {
+            value: "3",
+            label: "\u6570\u636E"
+          }],
+          "disabled": this.c.state.disabled
+        }), null)]
+      }), createVNode(resolveComponent("a-select"), mergeProps({
+        "class": this.ns.e("select"),
+        "value": this.val,
+        "onUpdate:value": ($event) => this.val = $event
+      }, this.model.props || {}, {
+        "placeholder": "\u8BF7\u9009\u62E9",
+        "options": this.options,
+        "allowClear": true,
+        "disabled": this.c.state.disabled
+      }), null)]
+    });
+  }
+});
+
+export { GctFormModalSelect, GctFormModalSelect as default };

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

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 纯预览编辑器
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:03
+ * @export
+ * @class FormSelectProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormModalSelectProvider implements IEditorProvider {
+    component: string;
+}

package/es/editor/gct-form-modal-select/gct-form-modal-select.provider.mjs

@@ -0,0 +1,6 @@
+"use strict";
+class GctFormModalSelectProvider {
+  component = "gct-form-Modal-select";
+}
+
+export { GctFormModalSelectProvider };

package/es/editor/gct-form-modal-select/gct-form-modal-select.scss

@@ -0,0 +1,7 @@
+@include b(gct-form-modal-select) {
+  display: flex;
+
+  @include e(select) {
+    flex:1;
+  }
+}

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

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

package/es/editor/gct-form-modal-select/index.mjs

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorTypeOld } from '@gct-paas/core';
+import { GctFormModalSelectProvider } from './gct-form-modal-select.provider.mjs';
+import { GctFormModalSelect as GctFormModalSelect$1 } from './gct-form-modal-select.mjs';
+
+"use strict";
+var GctFormModalSelect = widthEditorInstall(
+  EditorTypeOld.MODEL_SELECT,
+  () => new GctFormModalSelectProvider(),
+  GctFormModalSelect$1
+);
+
+export { GctFormModalSelect as default };

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

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

package/es/editor/gct-form-number/gct-form-number.mjs

@@ -1,5 +1,6 @@
 import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
-import { useNamespace, EditorController, useGctFormValue } from '@gct-paas/core';
+import { useNamespace, useGctFormValue } from '@gct-paas/core';
+import './gct-form-number.scss';
 
 "use strict";
 const GctFormNumber = /* @__PURE__ */ defineComponent({
@@ -15,21 +16,18 @@ const GctFormNumber = /* @__PURE__ */ defineComponent({
     }
   },
   emits: ["update:value"],
-  setup(props) {
+  setup() {
     const ns = useNamespace("gct-form-number");
-    const c = new EditorController(props.model);
     const val = useGctFormValue();
     return {
       ns,
-      c,
       val
     };
   },
   render() {
     return createVNode(resolveComponent("a-input-number"), mergeProps({
       "value": this.val,
-      "onUpdate:value": ($event) => this.val = $event
-    }, this.model.props || {}, {
+      "onUpdate:value": ($event) => this.val = $event,
       "class": this.ns.b(),
       "prefix": this.model.prefix,
       "suffix": this.model.suffix,
@@ -39,7 +37,7 @@ const GctFormNumber = /* @__PURE__ */ defineComponent({
       "max": this.model.max,
       "min": this.model.min,
       "precision": this.model.precision
-    }), null);
+    }, this.model.props || {}), null);
   }
 });
 

package/es/editor/gct-form-number/gct-form-number.scss

@@ -0,0 +1,3 @@
+@include b(gct-form-number) {
+  width: 100%;
+}

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

@@ -2,3 +2,6 @@ declare const _default: {
     install(app: import('vue').App): void;
 };
 export default _default;
+export declare const oldNumberCom: {
+    install(app: import('vue').App): void;
+};

package/es/editor/gct-form-number/index.mjs

@@ -1,4 +1,4 @@
-import { widthEditorInstall, EditorType } from '@gct-paas/core';
+import { widthEditorInstall, EditorType, EditorTypeOld } from '@gct-paas/core';
 import { GctFormNumberProvider } from './gct-form-number.provider.mjs';
 import { GctFormNumber as GctFormNumber$1 } from './gct-form-number.mjs';
 
@@ -8,5 +8,10 @@ var GctFormNumber = widthEditorInstall(
   () => new GctFormNumberProvider(),
   GctFormNumber$1
 );
+const oldNumberCom = widthEditorInstall(
+  EditorTypeOld.NUMBER,
+  () => new GctFormNumberProvider(),
+  GctFormNumber$1
+);
 
-export { GctFormNumber as default };
+export { GctFormNumber as default, oldNumberCom };

package/es/editor/gct-form-text/gct-form-text.mjs

@@ -26,7 +26,7 @@ const GctFormText = /* @__PURE__ */ defineComponent({
     };
   },
   render() {
-    return createVNode(resolveComponent("a-input"), mergeProps({
+    return createVNode(resolveComponent("a-select"), mergeProps({
       "value": this.val,
       "onUpdate:value": ($event) => this.val = $event
     }, this.model.props || {}, {

package/es/editor/index.mjs

@@ -1,11 +1,12 @@
 import GctFormLengthUnit from './gct-form-length-unit/index.mjs';
-import GctFormColor from './gct-form-color/index.mjs';
+import GctFormColor, { oldColorCom } from './gct-form-color/index.mjs';
 import GctFormCheckSwitch from './gct-form-check-switch/index.mjs';
 import GctFormI18n from './gct-form-i18n/index.mjs';
 import GctFormIconSelect from './gct-form-icon-select/index.mjs';
-import GctFormNumber from './gct-form-number/index.mjs';
+import GctFormNumber, { oldNumberCom } from './gct-form-number/index.mjs';
 import GctFormPicker from './gct-form-picker/index.mjs';
 import GctFormSelect from './gct-form-select/index.mjs';
+import GctFormModalSelect from './gct-form-modal-select/index.mjs';
 import GctFormSpan from './gct-form-span/index.mjs';
 import GctFormSwitch, { oldSwitchCom } from './gct-form-switch/index.mjs';
 import GctFormText, { oldTextCom } from './gct-form-text/index.mjs';
@@ -13,6 +14,8 @@ import GctFormTextarea from './gct-form-textarea/index.mjs';
 import GctFormRadio, { oldRadioCom } from './gct-form-radio/index.mjs';
 import GctFormInfo from './gct-form-info/index.mjs';
 import GctFormCheckbox, { oldCheckboxCom } from './gct-form-checkbox/index.mjs';
+import { ColorPicker as re } from '../node_modules/.pnpm/vue3-colorpicker@2.3.0_@aesoper_normal-utils@0.1.5_@popperjs_core@2.11.8_@vueuse_core@10.11.1_67dx55qyw5ulzyggoxgyarn5m4/node_modules/vue3-colorpicker/index.es.mjs';
+import 'vue3-colorpicker/style.css';
 
 "use strict";
 var Editor = {
@@ -25,6 +28,7 @@ var Editor = {
     app.use(GctFormNumber);
     app.use(GctFormPicker);
     app.use(GctFormSelect);
+    app.use(GctFormModalSelect);
     app.use(GctFormSpan);
     app.use(GctFormSwitch);
     app.use(GctFormText);
@@ -33,9 +37,12 @@ var Editor = {
     app.use(GctFormInfo);
     app.use(GctFormCheckbox);
     app.use(oldCheckboxCom);
+    app.use(oldColorCom);
     app.use(oldRadioCom);
     app.use(oldSwitchCom);
     app.use(oldTextCom);
+    app.use(oldNumberCom);
+    app.component("ColorPicker", re);
   }
 };
 

package/es/index.d.ts

@@ -1,6 +1,7 @@
 import { App } from 'vue';
+import { CodeEditor } from './components';
 declare const _default: {
     install(app: App): void;
 };
 export default _default;
-export * from './components';
+export { CodeEditor };

package/es/index.mjs

@@ -22,4 +22,4 @@ var index = {
   }
 };
 
-export { CodeEditor, FlexContainer, FlexItem, GridContainer, ViewContainer, index as default };
+export { CodeEditor, index as default };