@gct-paas/core-web 0.0.1-dev.15 → 0.0.1-dev.17

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

@@ -1,3 +1,29 @@
-export declare const CodeEditor: import('vue').DefineComponent<{}, {
+import { PropType } from 'vue';
+import { editor } from 'monaco-editor';
+export declare const CodeEditor: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    config: {
+        type: PropType<editor.IStandaloneEditorConstructionOptions>;
+        default: () => {};
+    };
+}>, {
     ns: import('@gct-paas/core').Namespace;
-}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    el: import('vue').Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "update:value"[], "update:value", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    value: {
+        type: StringConstructor;
+        default: string;
+    };
+    config: {
+        type: PropType<editor.IStandaloneEditorConstructionOptions>;
+        default: () => {};
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: string;
+    config: editor.IStandaloneEditorConstructionOptions;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -1,5 +1,5 @@
-import { defineComponent, createVNode, ref, onMounted } from 'vue';
-import { useNamespace } from '@gct-paas/core';
+import { defineComponent, createVNode, computed, ref, onMounted, onUnmounted } from 'vue';
+import { useNamespace, deepMerge } from '@gct-paas/core';
 import '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/index.mjs';
 import './code-editor.scss';
 import loader from '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_modules/@monaco-editor/loader/lib/es/loader/index.mjs';
@@ -7,25 +7,56 @@ import loader from '../../node_modules/.pnpm/@monaco-editor_loader@1.5.0/node_mo
 "use strict";
 const CodeEditor = /* @__PURE__ */ defineComponent({
   name: "CodeEditor",
-  setup() {
+  props: {
+    value: {
+      type: String,
+      default: ""
+    },
+    config: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: ["update:value"],
+  setup(props, {
+    emit
+  }) {
     const ns = useNamespace("code-editor");
+    const val = computed({
+      get() {
+        return props.value;
+      },
+      set(v) {
+        emit("update:value", v);
+      }
+    });
     const el = ref(null);
+    let monacoEditor = null;
     onMounted(() => {
       loader.init().then((m) => {
         if (el.value) {
-          m.editor.create(el.value, {
-            value: "// some comment",
-            language: "javascript"
-          });
+          monacoEditor = m.editor.create(el.value, deepMerge({
+            value: val.value,
+            language: "typescript",
+            automaticLayout: true,
+            minimap: {
+              enabled: false
+            }
+          }, props.config));
         }
       });
     });
+    onUnmounted(() => {
+      monacoEditor?.dispose();
+    });
     return {
-      ns
+      ns,
+      el
     };
   },
   render() {
     return createVNode("div", {
+      "ref": "el",
       "class": this.ns.b()
     }, null);
   }

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

@@ -1,3 +1,3 @@
 @include b(code-editor) {
-  // todo
+  height: 100%;
 }

package/es/components/index.d.ts

@@ -1 +1,5 @@
 export { CodeEditor } from './code-editor/code-editor';
+export { FlexContainer } from './layout/flex-container/flex-container';
+export { FlexItem } from './layout/flex-item/flex-item';
+export { GridContainer } from './layout/grid-container/grid-container';
+export { ViewContainer } from './layout/view-container/view-container';

package/es/components/index.mjs

@@ -1,3 +1,7 @@
 export { CodeEditor } from './code-editor/code-editor.mjs';
+export { FlexContainer } from './layout/flex-container/flex-container.mjs';
+export { FlexItem } from './layout/flex-item/flex-item.mjs';
+export { GridContainer } from './layout/grid-container/grid-container.mjs';
+export { ViewContainer } from './layout/view-container/view-container.mjs';
 
 "use strict";

package/es/components/layout/flex-container/flex-container.d.ts

@@ -0,0 +1,15 @@
+import { PropType } from 'vue';
+import { IFlexContainer, IFormGroup } from '@gct-paas/core';
+/**
+ * flex 布局容器
+ */
+export declare const FlexContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    layout: PropType<IFlexContainer>;
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    getStyle: () => IData;
+    getItemStyle: (model: IFormGroup) => IData;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    layout: PropType<IFlexContainer>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default FlexContainer;

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

@@ -0,0 +1,90 @@
+import { isVNode, defineComponent, createVNode } from 'vue';
+import { FlexItem } from '../flex-item/flex-item.mjs';
+import { useNamespace } from '@gct-paas/core';
+import './flex-container.scss';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const FlexContainer = /* @__PURE__ */ defineComponent({
+  name: "FlexContainer",
+  props: {
+    layout: Object
+  },
+  setup(props) {
+    const ns = useNamespace("flex-container");
+    const getStyle = () => {
+      const style = {};
+      if (props.layout) {
+        const {
+          alignContent,
+          alignItems,
+          flexDirection,
+          flexWrap,
+          justifyContent
+        } = props.layout;
+        if (alignContent != null) {
+          style.alignContent = alignContent;
+        }
+        if (alignItems != null) {
+          style.alignItems = alignItems;
+        }
+        if (flexDirection != null) {
+          style.flexDirection = flexDirection;
+        }
+        if (flexWrap != null) {
+          style.flexWrap = flexWrap;
+        }
+        if (justifyContent != null) {
+          style.justifyContent = justifyContent;
+        }
+      }
+      return style;
+    };
+    const getItemStyle = (model) => {
+      const style = {};
+      if (model) {
+        const {
+          width,
+          height
+        } = model;
+        if (width != null) {
+          style.width = width;
+        }
+        if (height != null) {
+          style.height = height;
+        }
+      }
+      return style;
+    };
+    return {
+      ns,
+      getStyle,
+      getItemStyle
+    };
+  },
+  render() {
+    let items = this.$slots.default?.() || [];
+    if (items.length > 0) {
+      items = items[0].children || [];
+    }
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "style": this.getStyle()
+    }, [items.map((item) => {
+      if (!item) {
+        return null;
+      }
+      const model = item.props.model.flexItem;
+      return createVNode(FlexItem, {
+        "layout": model,
+        "style": this.getItemStyle(item.props.model)
+      }, _isSlot(item) ? item : {
+        default: () => [item]
+      });
+    })]);
+  }
+});
+
+export { FlexContainer, FlexContainer as default };

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

@@ -0,0 +1,3 @@
+@include b(flex-container) {
+  display: flex;
+}

package/es/components/layout/flex-item/flex-item.d.ts

@@ -0,0 +1,14 @@
+import { PropType } from 'vue';
+import { IFlexItem } from '@gct-paas/core';
+/**
+ * flex 布局容器项
+ */
+export declare const FlexItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    layout: PropType<IFlexItem>;
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    getStyle: () => IData;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    layout: PropType<IFlexItem>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default FlexItem;

package/es/components/layout/flex-item/flex-item.mjs

@@ -0,0 +1,53 @@
+import { defineComponent, createVNode } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+
+"use strict";
+const FlexItem = /* @__PURE__ */ defineComponent({
+  name: "FlexItem",
+  props: {
+    layout: Object
+  },
+  setup(props) {
+    const ns = useNamespace("flex-item");
+    const getStyle = () => {
+      const style = {};
+      if (props.layout) {
+        const {
+          order,
+          alignSelf,
+          flexBasis,
+          flexGrow,
+          flexShrink
+        } = props.layout;
+        if (order != null) {
+          style["order"] = order;
+        }
+        if (alignSelf != null) {
+          style["align-self"] = alignSelf;
+        }
+        if (flexBasis != null) {
+          style["flex-basis"] = flexBasis;
+        }
+        if (flexGrow != null) {
+          style["flex-grow"] = flexGrow;
+        }
+        if (flexShrink != null) {
+          style["flex-shrink"] = flexShrink;
+        }
+      }
+      return style;
+    };
+    return {
+      ns,
+      getStyle
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b(),
+      "style": this.getStyle()
+    }, [this.$slots.default?.()]);
+  }
+});
+
+export { FlexItem, FlexItem as default };

package/es/components/layout/flex-item/flex-item.scss

@@ -0,0 +1,17 @@
+// $flex-item: (
+//   'order': 0,
+//   'flex-grow': 0,
+//   'flex-shrink': 1,
+//   'flex-basis': 'auto',
+//   'align-self': 'auto'
+// );
+
+// @include b(flex-item) {
+//   @include set-component-css-var('flex-item', $flex-item);
+
+//   order: #{getCssVar(flex-item, order)};
+//   flex-grow: #{getCssVar(flex-item, flex-grow)};
+//   flex-shrink: #{getCssVar(flex-item, flex-shrink)};
+//   flex-basis: #{getCssVar(flex-item, flex-basis)};
+//   align-self: #{getCssVar(flex-item, align-self)};
+// }

package/es/components/layout/grid-container/grid-container.d.ts

@@ -0,0 +1,13 @@
+import { PropType } from 'vue';
+import { IGridContainer } from '@gct-paas/core';
+/**
+ * 栅格布局
+ */
+export declare const GridContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    layout: PropType<IGridContainer>;
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    layout: PropType<IGridContainer>;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default GridContainer;

package/es/components/layout/grid-container/grid-container.mjs

@@ -0,0 +1,47 @@
+import { isVNode, defineComponent, createVNode, resolveComponent } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+
+"use strict";
+function _isSlot(s) {
+  return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
+}
+const GridContainer = /* @__PURE__ */ defineComponent({
+  name: "GridContainer",
+  props: {
+    layout: Object
+  },
+  setup() {
+    const ns = useNamespace("grid-container");
+    return {
+      ns
+    };
+  },
+  render() {
+    let _slot;
+    const l = this.layout || {};
+    let items = this.$slots.default?.() || [];
+    if (items.length > 0) {
+      items = items[0].children || [];
+    }
+    return createVNode(resolveComponent("a-row"), {
+      "class": this.ns.b(),
+      "wrap": true,
+      "gutter": l.gutter
+    }, _isSlot(_slot = items.map((item) => {
+      if (!item) {
+        return null;
+      }
+      const model = item.props.model.gridItem;
+      return createVNode(resolveComponent("a-col"), {
+        "span": model ? model.span ?? 24 : 24,
+        "offset": model ? model.offset ?? 0 : 0
+      }, _isSlot(item) ? item : {
+        default: () => [item]
+      });
+    })) ? _slot : {
+      default: () => [_slot]
+    });
+  }
+});
+
+export { GridContainer, GridContainer as default };

package/es/components/layout/view-container/view-container.d.ts

@@ -0,0 +1,25 @@
+export declare const ViewContainer: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    context: {
+        type: ObjectConstructor;
+    };
+    params: {
+        type: ObjectConstructor;
+    };
+    modal: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    context: {
+        type: ObjectConstructor;
+    };
+    params: {
+        type: ObjectConstructor;
+    };
+    modal: {
+        type: ObjectConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

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

@@ -0,0 +1,39 @@
+import { defineComponent, createVNode } from 'vue';
+import { useNamespace } from '@gct-paas/core';
+import './view-container.scss';
+
+"use strict";
+const ViewContainer = /* @__PURE__ */ defineComponent({
+  name: "ViewContainer",
+  props: {
+    context: {
+      type: Object
+    },
+    params: {
+      type: Object
+    },
+    modal: {
+      type: Object,
+      required: true
+    }
+  },
+  setup() {
+    const ns = useNamespace("view-container");
+    return {
+      ns
+    };
+  },
+  render() {
+    return createVNode("div", {
+      "class": this.ns.b()
+    }, [this.$slots.header ? createVNode("div", {
+      "class": this.ns.b("header")
+    }, [this.$slots.header()]) : null, createVNode("div", {
+      "class": this.ns.b("content")
+    }, [this.$slots.default?.()]), this.$slots.footer ? createVNode("div", {
+      "class": this.ns.b("footer")
+    }, [this.$slots.footer()]) : null]);
+  }
+});
+
+export { ViewContainer };

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

@@ -0,0 +1,19 @@
+@include b(view-container) {
+  background-color: white;
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
+
+@include b(view-container-header) {
+  flex-shrink: 0;
+}
+
+@include b(view-container-content) {
+  flex-grow: 1;
+  overflow: hidden auto;
+}
+
+@include b(view-container-footer) {
+  flex-shrink: 0;
+}

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

@@ -0,0 +1,40 @@
+import { PropType } from 'vue';
+import { IFormItem, ICheckSwitchEditor, EditorController } from '@gct-paas/core';
+/**
+ * 文本编辑器
+ */
+export declare const GctFormCheckSwitch: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    itemModel: {
+        type: PropType<IFormItem>;
+        required: true;
+    };
+    model: {
+        type: PropType<ICheckSwitchEditor>;
+        required: true;
+    };
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, {
+    ns: import('@gct-paas/core').Namespace;
+    c: EditorController<ICheckSwitchEditor>;
+    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<ICheckSwitchEditor>;
+        required: true;
+    };
+    value: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{
+    "onUpdate:value"?: ((...args: any[]) => any) | undefined;
+}>, {
+    value: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/es/editor/gct-form-check-switch/gct-form-check-switch.mjs

@@ -0,0 +1,53 @@
+import { defineComponent, createVNode, resolveComponent, mergeProps } from 'vue';
+import { useNamespace, EditorController, useGctFormValue } from '@gct-paas/core';
+import './gct-form-check-switch.scss';
+
+"use strict";
+const GctFormCheckSwitch = /* @__PURE__ */ defineComponent({
+  name: "GctFormCheckSwitch",
+  props: {
+    itemModel: {
+      type: Object,
+      required: true
+    },
+    model: {
+      type: Object,
+      required: true
+    },
+    value: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:value"],
+  setup(props) {
+    const ns = useNamespace("gct-form-check-switch");
+    const c = new EditorController(props.model);
+    const val = useGctFormValue();
+    return {
+      ns,
+      c,
+      val
+    };
+  },
+  render() {
+    if (this.model.isSwitch) {
+      return createVNode("div", {
+        "class": [this.ns.b(), this.ns.m("switch"), this.ns.is("readonly", this.model.readonly)]
+      }, [createVNode(resolveComponent("a-switch"), mergeProps({
+        "checked": this.val,
+        "onUpdate:checked": ($event) => this.val = $event
+      }, this.model.props || {}), null)]);
+    }
+    return createVNode(resolveComponent("a-checkbox"), mergeProps({
+      "checked": this.val,
+      "onUpdate:checked": ($event) => this.val = $event
+    }, this.model.props || {}, {
+      "class": [this.ns.b(), this.ns.m("checkbox"), this.ns.is("readonly", this.model.readonly)]
+    }), {
+      default: () => [this.model.label]
+    });
+  }
+});
+
+export { GctFormCheckSwitch };

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

@@ -0,0 +1,13 @@
+import { IEditorProvider } from '@gct-paas/core';
+/**
+ * 选项框类型开关
+ *
+ * @author zhanghanrui
+ * @date 2024-03-27 10:03:03
+ * @export
+ * @class GctFormCheckSwitchProvider
+ * @implements {IEditorProvider}
+ */
+export declare class GctFormCheckSwitchProvider implements IEditorProvider {
+    component: string;
+}

package/es/editor/gct-form-check-switch/gct-form-check-switch.provider.mjs

@@ -0,0 +1,6 @@
+"use strict";
+class GctFormCheckSwitchProvider {
+  component = "gct-form-check-switch";
+}
+
+export { GctFormCheckSwitchProvider };

package/es/editor/gct-form-check-switch/gct-form-check-switch.scss

@@ -0,0 +1,10 @@
+@include b(gct-form-check-switch) {
+  @include m(checkbox){
+    height: 32px;
+    padding-top: 5px;
+  }
+
+  @include when(readonly) {
+    pointer-events: none;
+  }
+}

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

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

package/es/editor/gct-form-check-switch/index.mjs

@@ -0,0 +1,12 @@
+import { widthEditorInstall, EditorType } from '@gct-paas/core';
+import { GctFormCheckSwitchProvider } from './gct-form-check-switch.provider.mjs';
+import { GctFormCheckSwitch as GctFormCheckSwitch$1 } from './gct-form-check-switch.mjs';
+
+"use strict";
+var GctFormCheckSwitch = widthEditorInstall(
+  EditorType.CHECK_SWITCH,
+  () => new GctFormCheckSwitchProvider(),
+  GctFormCheckSwitch$1
+);
+
+export { GctFormCheckSwitch as default };