cnhis-design-vue 3.1.14-beta.2 → 3.1.14-beta.5

package/es/packages/drag-layout/style/index.css

@@ -0,0 +1,175 @@
+.drag-layout-container {
+  width: 100%;
+  height: 100%;
+  flex: 1;
+  overflow: hidden;
+  overflow-y: auto;
+  position: relative;
+  display: flex;
+  justify-content: flex-start;
+  border: 1px solid #d2d9e8;
+  text-align: left;
+}
+.drag-layout-container .min-height {
+  height: calc(100% - 60px);
+  overflow: hidden;
+  overflow-y: auto;
+}
+.drag-layout-container .min-height li {
+  list-style: none;
+}
+.drag-layout-container .border-box {
+  position: absolute;
+  top: 0;
+  left: 30%;
+  border-left: 1px solid #d2d9e8;
+  height: 100%;
+}
+.drag-layout-container .text-area {
+  width: 30%;
+  height: 100%;
+  overflow-y: auto;
+  padding: 0 !important;
+}
+.drag-layout-container .text-area .info-header {
+  display: flex;
+  height: 50px;
+  line-height: 50px;
+  padding: 0 10px;
+  margin-bottom: 10px;
+  color: #2e2e2e;
+  font-size: 18px;
+  font-weight: bold;
+  background: #e6eaef;
+}
+.drag-layout-container .text-area .text-draggable {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: flex-start;
+  padding: 0 12px 12px;
+  box-sizing: border-box;
+  align-content: flex-start;
+}
+.drag-layout-container .text-area .text-draggable li {
+  width: 49%;
+  text-align: center;
+}
+.drag-layout-container .form-area {
+  position: relative;
+  width: 70%;
+  height: 100%;
+  overflow-y: auto;
+  padding: 4px;
+  box-sizing: border-box;
+}
+.drag-layout-container .form-area::-webkit-scrollbar {
+  width: 5px;
+}
+.drag-layout-container .form-area .info-header {
+  height: 50px;
+  margin-bottom: 10px;
+  background: unset;
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+}
+.drag-layout-container .form-area .combination-col {
+  border: 1px solid #cdc5d3;
+  margin-bottom: 10px;
+}
+.dragForm-select-drop {
+  z-index: 2001;
+}
+.DragFormRightItem {
+  position: relative;
+}
+.DragFormRightItem .is-edit-class {
+  background-color: #f5f5f5 !important;
+  border-color: #d9d9d9 !important;
+}
+.DragFormRightItem .combination-item {
+  padding: 0px 8px 8px;
+}
+.DragFormRightItem .combination-item > div {
+  line-height: 35px;
+}
+.DragFormRightItem .combination-item > div:hover > .form-btn {
+  display: flex;
+}
+.DragFormRightItem .form-btn {
+  display: none;
+  align-items: center;
+  position: absolute;
+  top: -1px;
+  right: 0px;
+  height: 100%;
+  white-space: nowrap;
+}
+.DragFormRightItem .form-btn .quick-reply {
+  display: inline-block;
+  border: 1px dashed #cdc5d3;
+  font-size: 12px;
+  height: 22px;
+  line-height: 1.499;
+}
+.DragFormRightItem .form-btn:deep(.n-input),
+.DragFormRightItem .form-btn:deep(.n-select) {
+  margin-left: 5px;
+}
+.DragFormRightItem .form-btn:deep(.n-select) {
+  top: -3px;
+}
+.DragFormRightItem .right-content {
+  border: 1px dashed #cdc5d3;
+  background: #fdfdfd;
+  height: 35px;
+  line-height: 35px;
+  padding: 0 10px;
+  position: relative;
+  margin-bottom: 10px;
+  cursor: pointer;
+}
+.DragFormRightItem .right-content:hover .form-btn {
+  display: flex;
+}
+.DragFormRightItem .blue-border {
+  border: 1px solid #5585f5 !important;
+}
+.DragFormRightItem .item-opacity {
+  opacity: 0.5;
+}
+.DragFormRightItem .red {
+  color: red;
+}
+.DragFormLeftItem .left-content {
+  width: 100%;
+  margin-bottom: 16px;
+  overflow: hidden;
+  cursor: pointer;
+  color: #2e2e2e;
+}
+.DragFormLeftItem .left-content .style-box {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: 100%;
+  height: 60px;
+  padding: 0 8px;
+  box-sizing: border-box;
+  margin-bottom: 8px;
+  background: #f3f5f8;
+}
+.DragFormLeftItem .left-content .style-box-input {
+  width: 85%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  cursor: pointer !important;
+}
+.DragFormLeftItem .left-content .style-box input[type='radio'][disabled],
+.DragFormLeftItem .left-content .style-box input[type='checkbox'][disabled],
+.DragFormLeftItem .left-content .style-box input[type='radio'].disabled,
+.DragFormLeftItem .left-content .style-box input[type='checkbox'].disabled {
+  cursor: pointer !important;
+}

package/es/packages/editor/index.d.ts

@@ -0,0 +1,30 @@
+import { SFCWithInstall } from '../../../es/src/types';
+declare const Editor: SFCWithInstall<import("vue").DefineComponent<{
+    editorConfig: {
+        type: ObjectConstructor;
+    };
+    uploadImgUrl: {
+        type: StringConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    editorRef: import("vue").ShallowRef<any>;
+    renderVN: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    editorConfig: {
+        type: ObjectConstructor;
+    };
+    uploadImgUrl: {
+        type: StringConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {}, {
+    isDisabled: boolean;
+}>>;
+export default Editor;

package/es/packages/editor/index.js

@@ -0,0 +1,10 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import script from './src/Editor.js';
+
+const Editor = script;
+Editor.install = function(app) {
+  safeComponentRegister(app, Editor, COMPONENT_NAMESPACE + "Editor");
+};
+
+export { Editor as default };

package/es/packages/editor/src/Editor.d.ts

@@ -0,0 +1,30 @@
+import '@wangeditor/editor/dist/css/style.css';
+declare const _default: import("vue").DefineComponent<{
+    editorConfig: {
+        type: ObjectConstructor;
+    };
+    uploadImgUrl: {
+        type: StringConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    editorRef: import("vue").ShallowRef<any>;
+    renderVN: () => JSX.Element;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, never[], never, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    editorConfig: {
+        type: ObjectConstructor;
+    };
+    uploadImgUrl: {
+        type: StringConstructor;
+    };
+    isDisabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {}, {
+    isDisabled: boolean;
+}>;
+export default _default;

package/es/packages/editor/src/Editor.js

@@ -0,0 +1,77 @@
+import { defineComponent, shallowRef, reactive, onBeforeUnmount, createVNode, mergeProps } from 'vue';
+import '@wangeditor/editor/dist/css/style.css';
+import { Editor, Toolbar } from '@wangeditor/editor-for-vue';
+
+var script = defineComponent({
+  name: "Editor",
+  inheritAttrs: false,
+  components: {
+    Editor,
+    Toolbar
+  },
+  props: {
+    editorConfig: {
+      type: Object
+    },
+    uploadImgUrl: {
+      type: String
+    },
+    isDisabled: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: [],
+  setup(props, {
+    attrs,
+    slots,
+    emit
+  }) {
+    const editorRef = shallowRef();
+    const toolbarConfig = {};
+    const editorConfig = reactive({
+      MENU_CONF: {
+        uploadImage: {
+          server: props.uploadImgUrl || ""
+        }
+      },
+      ...props.editorConfig
+    });
+    onBeforeUnmount(() => {
+      const editor = editorRef.value;
+      if (editor == null)
+        return;
+      editor.destroy();
+    });
+    const handleCreated = (editor) => {
+      editorRef.value = editor;
+      if (props.isDisabled) {
+        editor.disable();
+      }
+      console.log("\u5B9E\u4F8B", editor);
+    };
+    const renderVN = () => createVNode("div", {
+      "style": "border: 1px solid #ccc"
+    }, [createVNode(Toolbar, {
+      "style": "border-bottom: 1px solid #ccc",
+      "editor": editorRef.value,
+      "defaultConfig": toolbarConfig,
+      "mode": "default"
+    }, null), createVNode(Editor, mergeProps({
+      "style": "height: 500px; overflow-y: hidden;"
+    }, attrs, {
+      "defaultConfig": editorConfig,
+      "mode": "default",
+      "onOnCreated": handleCreated
+    }), null)]);
+    return {
+      editorRef,
+      renderVN
+    };
+  },
+  render() {
+    return this.renderVN();
+  }
+});
+
+export { script as default };

package/es/packages/fabric-chart/index.d.ts

@@ -0,0 +1,199 @@
+import { SFCWithInstall } from '../../../es/src/types';
+declare const FabricChart: SFCWithInstall<import("vue").DefineComponent<{
+    data: {
+        type: null;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}, {
+    defaultHeight: number;
+    props: {
+        data: import("./src/interface").IData;
+        addRenderItem?: Function | undefined;
+    };
+    emits: (event: "select" | "change" | "add", ...args: any[]) => void;
+    select: import("vue").Ref<any>;
+    canvasRef: any;
+    canvas: import("vue").Ref<any>;
+    dateHeight: import("vue").ComputedRef<number>;
+    hospitalDaysHeight: import("vue").ComputedRef<number>;
+    operationDaysHeight: import("vue").ComputedRef<number>;
+    xScalevalueHeight: import("vue").ComputedRef<number>;
+    breathingHeight: import("vue").ComputedRef<any>;
+    gridXNumber: import("vue").ComputedRef<number>;
+    gridYNumber: import("vue").ComputedRef<number>;
+    endX: import("vue").ComputedRef<number>;
+    originX: import("vue").ComputedRef<any>;
+    endY: import("vue").ComputedRef<number>;
+    originY: import("vue").ComputedRef<number>;
+    xCellWidth: import("vue").ComputedRef<number>;
+    yCellHeight: import("vue").ComputedRef<number>;
+    iconsWidth: import("vue").ComputedRef<any>;
+    xScaleList: import("vue").ComputedRef<any[]>;
+    breatheYCell: import("vue").ComputedRef<number>;
+    pulseYCell: import("vue").ComputedRef<number>;
+    temperatureYCell: import("vue").ComputedRef<number>;
+    painYCell: import("vue").ComputedRef<number>;
+    event: import("vue").ComputedRef<any>;
+    itemList: import("vue").ComputedRef<any[]>;
+    painIndex: import("vue").ComputedRef<number>;
+    painHeight: import("vue").ComputedRef<number>;
+    painOriginY: import("vue").ComputedRef<{
+        originY: number;
+        endY: number;
+    }>;
+    vitalSignsOriginY: import("vue").ComputedRef<{
+        originY: number;
+        endY: number;
+    }>;
+    topList: import("vue").ComputedRef<import("./src/interface").IDate[]>;
+    propItems: any;
+    cumputedX: (value: string | number) => any;
+    cumputedY: (type: import("./src/interface").IPointType, scaleValueList: number[], value: string | number) => number;
+    getXValue: (pointX: number) => string | undefined;
+    getYValue: (type: import("./src/interface").IPointType, pointY: number) => number;
+    pointTipProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: string[];
+    };
+    pointMenuProps: {
+        show: boolean;
+        point: {
+            x: number;
+            y: number;
+        };
+        list: any[];
+        target: any;
+    };
+    clickMenu: ({ item, target }: {
+        item: any;
+        target: any;
+    }) => void;
+    setPopup: (point: any) => void;
+    getEqualXTypes: (pointX: number) => import("./src/interface").IPointType[];
+    PopupTip: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
+            required: true;
+            default: boolean;
+        };
+        point: {
+            type: null;
+            required: true;
+        };
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
+            required: true;
+        };
+    }, {
+        props: {
+            show: boolean;
+            point: import("./src/interface").ICoordinateValue;
+            list: string[];
+            propItems: import("./src/interface").IPropItems;
+        };
+        pointStyle: import("vue").ComputedRef<{
+            top: string;
+            bottom: string;
+            left: string;
+            right: string;
+            'transform-origin': string;
+        }>;
+        Teleport: {
+            new (): {
+                $props: import("vue").VNodeProps & import("vue").TeleportProps;
+            };
+            __isTeleport: true;
+        };
+    }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, Record<string, any>, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: {
+            type: BooleanConstructor;
+            required: true;
+            default: boolean;
+        };
+        point: {
+            type: null;
+            required: true;
+        };
+        list: {
+            type: ArrayConstructor;
+            required: false;
+            default: () => never[];
+        };
+        propItems: {
+            type: null;
+            required: true;
+        };
+    }>>, {
+        list: unknown[];
+    }>;
+    PopupMenu: import("vue").DefineComponent<{
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        point: {
+            type: import("vue").PropType<import("./src/interface").ICoordinateValue>;
+        };
+        propItems: {
+            type: import("vue").PropType<import("./src/interface").IPropItems>;
+        };
+        target: {
+            type: import("vue").PropType<any>;
+        };
+    }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:show" | "clickMenu")[], "clickMenu" | "update:show", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+        show: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        list: {
+            type: ArrayConstructor;
+            default: () => never[];
+        };
+        point: {
+            type: import("vue").PropType<import("./src/interface").ICoordinateValue>;
+        };
+        propItems: {
+            type: import("vue").PropType<import("./src/interface").IPropItems>;
+        };
+        target: {
+            type: import("vue").PropType<any>;
+        };
+    }>> & {
+        "onUpdate:show"?: ((...args: any[]) => any) | undefined;
+        onClickMenu?: ((...args: any[]) => any) | undefined;
+    }, {
+        show: boolean;
+        list: unknown[];
+    }>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("select" | "change" | "add")[], "select" | "change" | "add", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    data: {
+        type: null;
+        required: true;
+    };
+    addRenderItem: {
+        type: FunctionConstructor;
+        required: false;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+    onSelect?: ((...args: any[]) => any) | undefined;
+    onAdd?: ((...args: any[]) => any) | undefined;
+}, {}>>;
+export default FabricChart;

package/es/packages/fabric-chart/index.js

@@ -0,0 +1,11 @@
+import { COMPONENT_NAMESPACE } from '../../src/global/variable';
+import { safeComponentRegister } from '../../src/utils';
+import './src/FabricChart.js';
+import script from './src/FabricChart.vue_vue_type_script_setup_true_lang.js';
+
+const FabricChart = script;
+FabricChart.install = function(app) {
+  safeComponentRegister(app, FabricChart, COMPONENT_NAMESPACE + "FabricChart");
+};
+
+export { FabricChart as default };

package/es/packages/fabric-chart/src/FabricChart.js

@@ -0,0 +1,4 @@
+import script from './FabricChart.vue_vue_type_script_setup_true_lang.js';
+export { default } from './FabricChart.vue_vue_type_script_setup_true_lang.js';
+
+script.__file = "packages/fabric-chart/src/FabricChart.vue";