cnhis-design-vue 3.3.1-beta.44 → 3.3.1-beta.48

package/es/components/calendar/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as a}from"../../shared/utils/index.js";import o from"./src/Calendar.vue.js";const s=o;s.install=function(o){a(o,s,r+"Calendar")};export{s as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/Calendar.vue.js';
+
+const Calendar = script;
+Calendar.install = function(app) {
+  safeComponentRegister(app, Calendar, COMPONENT_NAMESPACE + "Calendar");
+};
+
+export { Calendar as default };

package/es/components/calendar/src/Calendar.vue.js

@@ -1 +1,6 @@
-import e from"./Calendar.vue2.js";import r from"../../../_virtual/_plugin-vue_export-helper.js";var a=r(e,[["__file","Calendar.vue"]]);export{a as default};
+import _sfc_main from './Calendar.vue2.js';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.js';
+
+var script = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "Calendar.vue"]]);
+
+export { script as default };

package/es/components/calendar/src/Calendar.vue2.js

@@ -1 +1,262 @@
-import{defineComponent as e,ref as t,reactive as n,createVNode as a,createTextVNode as o,watch as r,openBlock as s,createElementBlock as i,normalizeStyle as l,unref as d,createElementVNode as u,Fragment as c,renderList as m,normalizeClass as p,toDisplayString as v,createCommentVNode as y,createBlock as f,nextTick as h}from"vue";import{NIcon as C}from"naive-ui";import{ChevronBackOutline as g,ChevronForwardOutline as M}from"@vicons/ionicons5";import D from"@fullcalendar/vue3";import k from"@fullcalendar/resource-timegrid";import w from"@fullcalendar/scrollgrid";import b from"@fullcalendar/interaction";import{useTheme as H}from"../../../shared/hooks/useTheme.js";import"@vueuse/core";import{format as R,isSameDay as x,toDate as L,startOfMonth as j,endOfMonth as N,eachDayOfInterval as S,getDay as z,isSameMonth as O,startOfDay as T,endOfDay as F}from"date-fns";import{isFunction as I,cloneDeep as _}from"lodash-es";import"@vue/shared";import"../../../shared/utils/index.js";import"@vueuse/shared";import"../../../shared/hooks/selectHooks/useSearchContent.js";import"../../../shared/hooks/useScrollLoading.js";const A={key:0,class:"select-day-wrapper"},E={class:"day-wrapper"},G=["onClick"];var P=e({__name:"Calendar",props:{showDateNavigation:{type:Boolean,default:!0},date:{type:Date,default:new Date},events:{type:Array,default:()=>[]},resources:{type:Array,default:()=>[]},eventContentRender:{type:Function},resourceLabelContentRender:{type:Function},options:{type:Object,default:()=>({})}},emits:["select","eventDrag","eventClick","eventResize","dateChange"],setup(e,{expose:P,emit:B}){const K=e,V=["周一","周二","周三","周四","周五","周六","周日"],W=H(),q=t(),J=t(new Date),Q=t([]),U=t(!1),X=n({schedulerLicenseKey:"GPL-My-Project-Is-Open-Source",plugins:[k,w,b],initialView:"resourceTimeGridDay",initialDate:R(J.value,"yyyy-MM-dd"),headerToolbar:{left:"",center:"",right:""},allDaySlot:!1,slotLabelInterval:{minute:30},slotLabelFormat:{hour:"2-digit",minute:"2-digit",meridiem:!1,hour12:!1},slotLabelContent:e=>R(e.date,"HH:mm"),nowIndicator:!0,dayMaxEvents:!0,eventOverlap:!1,slotMinTime:{hour:0},slotMaxTime:{hour:24},dayMinWidth:100,expandRows:!0,droppable:!0,editable:!0,selectable:!0,refetchResourcesOnNavigate:!0,resources:[],events:[],dayCellClassNames:["custom-day-cell"],eventClassNames:["custom-event"],eventContent:function(e){const{start:t,end:n,title:r}=e.event;return I(K.eventContentRender)?K.eventContentRender(e):[a("p",{class:"text"},[R(t,"HH:mm"),o("-"),R(n,"HH:mm")]),a("p",{class:"text"},[r])]},resourceLabelContent:function(e){const{title:t}=e.resource;return I(K.resourceLabelContentRender)?K.resourceLabelContentRender(e):a("span",null,[t])},select:(...e)=>B("select",...e),eventDrop:(...e)=>B("eventDrag",...e),eventResize:(...e)=>B("eventResize",...e),eventClick:(...e)=>B("eventClick",...e)});function Y(e){const t=L(J.value);"prev"===e?t.setMonth(t.getMonth()-1):t.setMonth(t.getMonth()+1),Z(t),B("dateChange",$())}function Z(e){const t=j(e),n=N(e),a=S({start:t,end:n});Q.value=a.map((e=>({date:e,formatDate:R(e,"yyyy-MM-dd HH:mm:ss"),day:e.getDate(),week:V[z(e)]}))),J.value=O(e,new Date)?new Date:Q.value[0].date}function $(){const e=T(J.value),t=F(J.value);return{start:e,end:t,startStr:R(e,"yyyy-MM-dd HH:mm:ss"),endStr:R(t,"yyyy-MM-dd HH:mm:ss")}}return r((()=>J.value),(e=>{!async function(e){U.value=!1,await h(),e(),U.value=!0}((()=>{X.initialDate=R(e,"yyyy-MM-dd")}))})),r((()=>K.date),(e=>{Z(e)}),{immediate:!0}),r((()=>K.events),(e=>{X.events=_(e).map((e=>({...e,resourceEditable:!1})))}),{deep:!0,immediate:!0}),r((()=>K.resources),(e=>{X.resources=_(e)}),{deep:!0,immediate:!0}),r((()=>K.options),(()=>{Object.assign(X,K.options)}),{deep:!0,immediate:!0}),P({gotoDate:function(e){J.value=e}}),(t,n)=>(s(),i("div",{class:"c-calendar",style:l({...d(W),"--nav-height":e.showDateNavigation?"70px":"0px"})},[e.showDateNavigation?(s(),i("div",A,[a(d(C),{size:"20",component:d(g),onClick:n[0]||(n[0]=()=>Y("prev"))},null,8,["component"]),u("div",E,[(s(!0),i(c,null,m(Q.value,((e,t)=>(s(),i("div",{class:p(["day",{"day--active":d(x)(e.date,J.value)}]),key:t,onClick:()=>async function(e){J.value=e.date,B("dateChange",$())}(e)},[u("p",null,v(e.day),1),u("span",null,v(e.week),1)],10,G)))),128))]),a(d(C),{size:"20",component:d(M),onClick:n[1]||(n[1]=()=>Y("next"))},null,8,["component"])])):y("v-if",!0),U.value?(s(),f(d(D),{key:1,ref_key:"calendarRef",ref:q,options:X},null,8,["options"])):y("v-if",!0)],4))}});export{P as default};
+import { defineComponent, ref, reactive, createVNode, createTextVNode, watch, openBlock, createElementBlock, normalizeStyle, unref, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createCommentVNode, createBlock, nextTick } from 'vue';
+import { NIcon } from 'naive-ui';
+import { ChevronBackOutline, ChevronForwardOutline } from '@vicons/ionicons5';
+import FullCalendar from '@fullcalendar/vue3';
+import resourceTimeGridPlugin from '@fullcalendar/resource-timegrid';
+import scrollgridPlugin from '@fullcalendar/scrollgrid';
+import interactionPlugin from '@fullcalendar/interaction';
+import { useTheme } from '../../../shared/hooks/useTheme.js';
+import '@vueuse/core';
+import { format, isSameDay, toDate, startOfMonth, endOfMonth, eachDayOfInterval, getDay, isSameMonth, startOfDay, endOfDay } from 'date-fns';
+import { isFunction, cloneDeep } from 'lodash-es';
+import '@vue/shared';
+import '../../../shared/utils/index.js';
+import '@vueuse/shared';
+import '../../../shared/hooks/selectHooks/useSearchContent.js';
+import '../../../shared/hooks/useScrollLoading.js';
+
+const _hoisted_1 = {
+  key: 0,
+  class: "select-day-wrapper"
+};
+const _hoisted_2 = {
+  class: "day-wrapper"
+};
+const _hoisted_3 = ["onClick"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "Calendar",
+  props: {
+    showDateNavigation: {
+      type: Boolean,
+      default: true
+    },
+    date: {
+      type: Date,
+      default: new Date()
+    },
+    events: {
+      type: Array,
+      default: () => []
+    },
+    resources: {
+      type: Array,
+      default: () => []
+    },
+    eventContentRender: {
+      type: Function
+    },
+    resourceLabelContentRender: {
+      type: Function
+    },
+    options: {
+      type: Object,
+      default: () => ({})
+    }
+  },
+  emits: [
+    "select",
+    "eventDrag",
+    "eventClick",
+    "eventResize",
+    "dateChange"
+  ],
+  setup(__props, {
+    expose,
+    emit
+  }) {
+    const props = __props;
+    const dayNames = ["\u5468\u4E00", "\u5468\u4E8C", "\u5468\u4E09", "\u5468\u56DB", "\u5468\u4E94", "\u5468\u516D", "\u5468\u65E5"];
+    const cssVars = useTheme();
+    const calendarRef = ref();
+    const currentDate = ref(new Date());
+    const dayList = ref([]);
+    const isInit = ref(false);
+    const calendarOptions = reactive({
+      schedulerLicenseKey: "GPL-My-Project-Is-Open-Source",
+      plugins: [resourceTimeGridPlugin, scrollgridPlugin, interactionPlugin],
+      initialView: "resourceTimeGridDay",
+      initialDate: format(currentDate.value, "yyyy-MM-dd"),
+      headerToolbar: {
+        left: "",
+        center: "",
+        right: ""
+      },
+      allDaySlot: false,
+      slotLabelInterval: {
+        minute: 30
+      },
+      slotLabelFormat: {
+        hour: "2-digit",
+        minute: "2-digit",
+        meridiem: false,
+        hour12: false
+      },
+      slotLabelContent: (info) => format(info.date, "HH:mm"),
+      nowIndicator: true,
+      dayMaxEvents: true,
+      eventOverlap: false,
+      slotMinTime: {
+        hour: 0
+      },
+      slotMaxTime: {
+        hour: 24
+      },
+      dayMinWidth: 100,
+      expandRows: true,
+      droppable: true,
+      editable: true,
+      selectable: true,
+      refetchResourcesOnNavigate: true,
+      resources: [],
+      events: [],
+      dayCellClassNames: ["custom-day-cell"],
+      eventClassNames: ["custom-event"],
+      eventContent: eventContentRender,
+      resourceLabelContent: resourceLabelContentRender,
+      select: (...args) => emit("select", ...args),
+      eventDrop: (...args) => emit("eventDrag", ...args),
+      eventResize: (...args) => emit("eventResize", ...args),
+      eventClick: (...args) => emit("eventClick", ...args)
+    });
+    function handleMonth(type) {
+      const date = toDate(currentDate.value);
+      if (type === "prev") {
+        date.setMonth(date.getMonth() - 1);
+      } else {
+        date.setMonth(date.getMonth() + 1);
+      }
+      setDayList(date);
+      emit("dateChange", getTime());
+    }
+    function setDayList(date) {
+      const monthStartDate = startOfMonth(date);
+      const monthEndDate = endOfMonth(date);
+      const monthDates = eachDayOfInterval({
+        start: monthStartDate,
+        end: monthEndDate
+      });
+      dayList.value = monthDates.map((date2) => {
+        return {
+          date: date2,
+          formatDate: format(date2, "yyyy-MM-dd HH:mm:ss"),
+          day: date2.getDate(),
+          week: dayNames[getDay(date2)]
+        };
+      });
+      currentDate.value = isSameMonth(date, new Date()) ? new Date() : dayList.value[0].date;
+    }
+    async function hanleCurrentDate(dayItem) {
+      currentDate.value = dayItem.date;
+      emit("dateChange", getTime());
+    }
+    function getTime() {
+      const start = startOfDay(currentDate.value);
+      const end = endOfDay(currentDate.value);
+      const startStr = format(start, "yyyy-MM-dd HH:mm:ss");
+      const endStr = format(end, "yyyy-MM-dd HH:mm:ss");
+      return {
+        start,
+        end,
+        startStr,
+        endStr
+      };
+    }
+    function eventContentRender(info) {
+      const {
+        start,
+        end,
+        title
+      } = info.event;
+      if (isFunction(props.eventContentRender))
+        return props.eventContentRender(info);
+      return [createVNode("p", {
+        "class": "text"
+      }, [format(start, "HH:mm"), createTextVNode("-"), format(end, "HH:mm")]), createVNode("p", {
+        "class": "text"
+      }, [title])];
+    }
+    function resourceLabelContentRender(info) {
+      const {
+        title
+      } = info.resource;
+      if (isFunction(props.resourceLabelContentRender))
+        return props.resourceLabelContentRender(info);
+      return createVNode("span", null, [title]);
+    }
+    async function update(before) {
+      isInit.value = false;
+      await nextTick();
+      before();
+      isInit.value = true;
+    }
+    watch(() => currentDate.value, (value) => {
+      update(() => {
+        calendarOptions.initialDate = format(value, "yyyy-MM-dd");
+      });
+    });
+    watch(() => props.date, (value) => {
+      setDayList(value);
+    }, {
+      immediate: true
+    });
+    watch(() => props.events, (events) => {
+      calendarOptions.events = cloneDeep(events).map((event) => ({
+        ...event,
+        resourceEditable: false
+      }));
+    }, {
+      deep: true,
+      immediate: true
+    });
+    watch(() => props.resources, (resources) => {
+      calendarOptions.resources = cloneDeep(resources);
+    }, {
+      deep: true,
+      immediate: true
+    });
+    watch(() => props.options, () => {
+      Object.assign(calendarOptions, props.options);
+    }, {
+      deep: true,
+      immediate: true
+    });
+    function gotoDate(date) {
+      currentDate.value = date;
+    }
+    expose({
+      gotoDate
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "c-calendar",
+        style: normalizeStyle({
+          ...unref(cssVars),
+          "--nav-height": __props.showDateNavigation ? "70px" : "0px"
+        })
+      }, [__props.showDateNavigation ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(NIcon), {
+        size: "20",
+        component: unref(ChevronBackOutline),
+        onClick: _cache[0] || (_cache[0] = () => handleMonth("prev"))
+      }, null, 8, ["component"]), createElementVNode("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(dayList.value, (dayItem, index) => {
+        return openBlock(), createElementBlock("div", {
+          class: normalizeClass(["day", {
+            "day--active": unref(isSameDay)(dayItem.date, currentDate.value)
+          }]),
+          key: index,
+          onClick: () => hanleCurrentDate(dayItem)
+        }, [createElementVNode("p", null, toDisplayString(dayItem.day), 1), createElementVNode("span", null, toDisplayString(dayItem.week), 1)], 10, _hoisted_3);
+      }), 128))]), createVNode(unref(NIcon), {
+        size: "20",
+        component: unref(ChevronForwardOutline),
+        onClick: _cache[1] || (_cache[1] = () => handleMonth("next"))
+      }, null, 8, ["component"])])) : createCommentVNode("v-if", true), isInit.value ? (openBlock(), createBlock(unref(FullCalendar), {
+        key: 1,
+        ref_key: "calendarRef",
+        ref: calendarRef,
+        options: calendarOptions
+      }, null, 8, ["options"])) : createCommentVNode("v-if", true)], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/callback/index.js

@@ -1 +1,10 @@
-import{COMPONENT_NAMESPACE as r}from"../../shared/global/variable.js";import{safeComponentRegister as a}from"../../shared/utils/index.js";import o from"./src/index.vue.js";const s=o;s.install=function(o){a(o,s,r+"Callback")};export{s as default};
+import { COMPONENT_NAMESPACE } from '../../shared/global/variable.js';
+import { safeComponentRegister } from '../../shared/utils/index.js';
+import script from './src/index.vue.js';
+
+const Callback = script;
+Callback.install = function(app) {
+  safeComponentRegister(app, Callback, COMPONENT_NAMESPACE + "Callback");
+};
+
+export { Callback as default };

package/es/components/callback/src/components/dialog/drawer.vue.js

@@ -1 +1,6 @@
-import r from"./drawer.vue2.js";import e from"../../../../../_virtual/_plugin-vue_export-helper.js";var a=e(r,[["__file","drawer.vue"]]);export{a as default};
+import _sfc_main from './drawer.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var CbDrawer = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "drawer.vue"]]);
+
+export { CbDrawer as default };

package/es/components/callback/src/components/dialog/drawer.vue2.js

@@ -1 +1,123 @@
-import{defineComponent as e,ref as a,onBeforeMount as l,openBlock as n,createBlock as i,unref as o,normalizeStyle as t,withCtx as c,createVNode as s,createElementVNode as r,toDisplayString as u,createElementBlock as d,normalizeClass as p,createCommentVNode as f}from"vue";import{NDrawer as b,NDrawerContent as v}from"naive-ui";import h from"../render/index.vue.js";const g={class:"d-header"},m={class:"title"},k={class:"svg-wrap"};var y=e({__name:"drawer",props:{options:{type:Object},visible:{type:Boolean,default:!1},zIndex:{type:Number,default:1e3},closable:{type:Boolean,default:!0},screen:{type:Boolean,default:!0},drawerWidth:{type:String,default:"60vw"},isDrawerBig:{type:Boolean,default:!1},callbackApiConfig:{type:Object}},emits:["close","changeWindow"],setup(e,{emit:y}){const w=e,x=a(!1),z=a(""),C=a("right");function B(){y("close",!1)}function W(e){let a=document.body.clientWidth;return e?`${a}px`:w.drawerWidth}function A(){x.value=!x.value,z.value=W(x.value),y("changeWindow",x.value)}return l((()=>{!function(){if(!w.isDrawerBig)return void(z.value=w.drawerWidth);z.value=W(!1)}()})),(a,l)=>(n(),i(o(b),{show:e.visible,class:"callback-drawer-block",maskClosable:!1,"z-index":e.zIndex,style:t({width:z.value}),placement:C.value,onAfterLeave:B},{default:c((()=>[s(o(v),{closable:!1},{header:c((()=>{var a;return[r("div",g,[r("h3",m,u(null==(a=e.options)?void 0:a.name),1),r("div",k,[e.screen?(n(),d("i",{key:0,style:{"margin-right":"12px"},onClick:A,class:p(x.value?"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua":"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")},null,2)):f("v-if",!0),e.closable?(n(),d("i",{key:1,class:"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi",onClick:B})):f("v-if",!0)])])]})),default:c((()=>[f(" 加载的具体的内容组件 "),s(h,{options:e.options,callbackApiConfig:e.callbackApiConfig},null,8,["options","callbackApiConfig"])])),_:1})])),_:1},8,["show","z-index","style","placement"]))}});export{y as default};
+import { defineComponent, ref, onBeforeMount, openBlock, createBlock, unref, normalizeStyle, withCtx, createVNode, createElementVNode, toDisplayString, createElementBlock, normalizeClass, createCommentVNode } from 'vue';
+import { NDrawer, NDrawerContent } from 'naive-ui';
+import renderCb from '../render/index.vue.js';
+
+const _hoisted_1 = {
+  class: "d-header"
+};
+const _hoisted_2 = {
+  class: "title"
+};
+const _hoisted_3 = {
+  class: "svg-wrap"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "drawer",
+  props: {
+    options: {
+      type: Object
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    zIndex: {
+      type: Number,
+      default: 1e3
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    screen: {
+      type: Boolean,
+      default: true
+    },
+    drawerWidth: {
+      type: String,
+      default: "60vw"
+    },
+    isDrawerBig: {
+      type: Boolean,
+      default: false
+    },
+    callbackApiConfig: {
+      type: Object
+    }
+  },
+  emits: ["close", "changeWindow"],
+  setup(__props, {
+    emit: emits
+  }) {
+    const props = __props;
+    const isChangeWindow = ref(false);
+    const curDrawerWidth = ref("");
+    const placement = ref("right");
+    onBeforeMount(() => {
+      initDef();
+    });
+    function initDef() {
+      if (!props.isDrawerBig) {
+        curDrawerWidth.value = props.drawerWidth;
+        return;
+      }
+      curDrawerWidth.value = calculateWidth(false);
+    }
+    function onClose() {
+      emits("close", false);
+    }
+    function calculateWidth(isBig) {
+      let docWidth = document.body.clientWidth;
+      if (isBig) {
+        return `${docWidth}px`;
+      }
+      return props.drawerWidth;
+    }
+    function changeWindow() {
+      isChangeWindow.value = !isChangeWindow.value;
+      curDrawerWidth.value = calculateWidth(isChangeWindow.value);
+      emits("changeWindow", isChangeWindow.value);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(NDrawer), {
+        show: __props.visible,
+        class: "callback-drawer-block",
+        maskClosable: false,
+        "z-index": __props.zIndex,
+        style: normalizeStyle({
+          width: curDrawerWidth.value
+        }),
+        placement: placement.value,
+        onAfterLeave: onClose
+      }, {
+        default: withCtx(() => [createVNode(unref(NDrawerContent), {
+          closable: false
+        }, {
+          header: withCtx(() => {
+            var _a;
+            return [createElementVNode("div", _hoisted_1, [createElementVNode("h3", _hoisted_2, toDisplayString((_a = __props.options) == null ? void 0 : _a.name), 1), createElementVNode("div", _hoisted_3, [__props.screen ? (openBlock(), createElementBlock("i", {
+              key: 0,
+              style: {
+                "margin-right": "12px"
+              },
+              onClick: changeWindow,
+              class: normalizeClass(isChangeWindow.value ? "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua" : "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")
+            }, null, 2)) : createCommentVNode("v-if", true), __props.closable ? (openBlock(), createElementBlock("i", {
+              key: 1,
+              class: "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi",
+              onClick: onClose
+            })) : createCommentVNode("v-if", true)])])];
+          }),
+          default: withCtx(() => [createCommentVNode(" \u52A0\u8F7D\u7684\u5177\u4F53\u7684\u5185\u5BB9\u7EC4\u4EF6 "), createVNode(renderCb, {
+            options: __props.options,
+            callbackApiConfig: __props.callbackApiConfig
+          }, null, 8, ["options", "callbackApiConfig"])]),
+          _: 1
+        })]),
+        _: 1
+      }, 8, ["show", "z-index", "style", "placement"]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/components/callback/src/components/dialog/modal.vue.js

@@ -1 +1,6 @@
-import e from"./modal.vue2.js";import r from"../../../../../_virtual/_plugin-vue_export-helper.js";var o=r(e,[["__file","modal.vue"]]);export{o as default};
+import _sfc_main from './modal.vue2.js';
+import _export_sfc from '../../../../../_virtual/_plugin-vue_export-helper.js';
+
+var CbModal = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "modal.vue"]]);
+
+export { CbModal as default };

package/es/components/callback/src/components/dialog/modal.vue2.js

@@ -1 +1,134 @@
-import{defineComponent as e,ref as a,onBeforeMount as l,resolveComponent as i,openBlock as o,createBlock as n,unref as t,normalizeClass as c,normalizeStyle as s,withCtx as u,createVNode as g,createElementVNode as h,createCommentVNode as d}from"vue";import{NModal as r,NCard as m}from"naive-ui";import v from"../render/index.vue.js";const f={class:"svg-wrap"};var p=e({__name:"modal",props:{options:{type:Object},visible:{type:Boolean,default:!1},closable:{type:Boolean,default:!0},screen:{type:Boolean,default:!0},modalConfig:{type:Object,default:()=>({width:"860px",height:"548px",maxHeight:"548px",minHeight:"548px"})},callbackApiConfig:{type:Object}},emits:["close","changeWindow"],setup(e,{emit:p}){const b=e,k=a(!1),C=a(""),y=a(""),x=a(""),w=a("");function z(){p("close",!1),k.value&&H()}function H(){k.value=!k.value;let e=document.body.clientHeight;C.value=C.value===j("width")?"100%":j("width"),y.value=y.value===j("height")?`${e}px`:j("height"),p("changeWindow")}function j(e){return b.modalConfig[e]}return l((()=>{b.modalConfig&&Object.keys(b.modalConfig).length&&(C.value=b.modalConfig.width,y.value=b.modalConfig.height,x.value=b.modalConfig.maxHeight,w.value=b.modalConfig.minHeight,k.value=b.modalConfig.isChangeWindow)})),(a,l)=>{const p=i("svg-icon");return o(),n(t(r),{show:e.visible,class:c(["callback-modal-block",{"modal-screen":k.value}]),style:s({width:C.value,height:y.value,minHeight:w.value,maxHeight:x.value}),maskClosable:!1,centered:"",onNegativeClick:z},{default:u((()=>{var a;return[g(t(m),{title:null==(a=e.options)?void 0:a.name,bordered:!1,style:{overflowY:"auto",position:"relative"},size:"huge",role:"dialog","aria-modal":"true"},{"header-extra":u((()=>[h("div",f,[e.screen?(o(),n(p,{key:0,style:{"margin-right":"12px"},onClick:H,class:c(k.value?"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua":"iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")},null,8,["class"])):d("v-if",!0),e.closable?(o(),n(p,{key:1,class:"'iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi'",onClick:z})):d("v-if",!0)])])),default:u((()=>[g(v,{options:e.options,callbackApiConfig:e.callbackApiConfig},null,8,["options","callbackApiConfig"])])),_:1},8,["title"])]})),_:1},8,["show","class","style"])}}});export{p as default};
+import { defineComponent, ref, onBeforeMount, resolveComponent, openBlock, createBlock, unref, normalizeClass, normalizeStyle, withCtx, createVNode, createElementVNode, createCommentVNode } from 'vue';
+import { NModal, NCard } from 'naive-ui';
+import renderCb from '../render/index.vue.js';
+
+const _hoisted_1 = {
+  class: "svg-wrap"
+};
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "modal",
+  props: {
+    options: {
+      type: Object
+    },
+    visible: {
+      type: Boolean,
+      default: false
+    },
+    closable: {
+      type: Boolean,
+      default: true
+    },
+    screen: {
+      type: Boolean,
+      default: true
+    },
+    modalConfig: {
+      type: Object,
+      default: () => {
+        return {
+          width: "860px",
+          height: "548px",
+          maxHeight: "548px",
+          minHeight: "548px"
+        };
+      }
+    },
+    callbackApiConfig: {
+      type: Object
+    }
+  },
+  emits: ["close", "changeWindow"],
+  setup(__props, {
+    emit: emits
+  }) {
+    const props = __props;
+    const isChangeWindow = ref(false);
+    const modalWidth = ref("");
+    const modalHeight = ref("");
+    const maxHeight = ref("");
+    const minHeight = ref("");
+    onBeforeMount(() => {
+      initDef();
+    });
+    function initDef() {
+      if (props.modalConfig && Object.keys(props.modalConfig).length) {
+        modalWidth.value = props.modalConfig.width;
+        modalHeight.value = props.modalConfig.height;
+        maxHeight.value = props.modalConfig.maxHeight;
+        minHeight.value = props.modalConfig.minHeight;
+        isChangeWindow.value = props.modalConfig.isChangeWindow;
+      }
+    }
+    function onClose() {
+      emits("close", false);
+      if (isChangeWindow.value) {
+        changeWindow();
+      }
+    }
+    function changeWindow() {
+      isChangeWindow.value = !isChangeWindow.value;
+      let docHeight = document.body.clientHeight;
+      modalWidth.value = modalWidth.value === handleStyle("width") ? "100%" : handleStyle("width");
+      modalHeight.value = modalHeight.value === handleStyle("height") ? `${docHeight}px` : handleStyle("height");
+      emits("changeWindow");
+    }
+    function handleStyle(key) {
+      return props.modalConfig[key];
+    }
+    return (_ctx, _cache) => {
+      const _component_svg_icon = resolveComponent("svg-icon");
+      return openBlock(), createBlock(unref(NModal), {
+        show: __props.visible,
+        class: normalizeClass(["callback-modal-block", {
+          "modal-screen": isChangeWindow.value
+        }]),
+        style: normalizeStyle({
+          width: modalWidth.value,
+          height: modalHeight.value,
+          minHeight: minHeight.value,
+          maxHeight: maxHeight.value
+        }),
+        maskClosable: false,
+        centered: "",
+        onNegativeClick: onClose
+      }, {
+        default: withCtx(() => {
+          var _a;
+          return [createVNode(unref(NCard), {
+            title: (_a = __props.options) == null ? void 0 : _a.name,
+            bordered: false,
+            style: {
+              overflowY: "auto",
+              position: "relative"
+            },
+            size: "huge",
+            role: "dialog",
+            "aria-modal": "true"
+          }, {
+            "header-extra": withCtx(() => [createElementVNode("div", _hoisted_1, [__props.screen ? (openBlock(), createBlock(_component_svg_icon, {
+              key: 0,
+              style: {
+                "margin-right": "12px"
+              },
+              onClick: changeWindow,
+              class: normalizeClass(isChangeWindow.value ? "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuixiaohua" : "iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaozuidahua")
+            }, null, 8, ["class"])) : createCommentVNode("v-if", true), __props.closable ? (openBlock(), createBlock(_component_svg_icon, {
+              key: 1,
+              class: "'iconfont-callback icon-callback-menzhenyishengzhanxitongtubiaoguanbi'",
+              onClick: onClose
+            })) : createCommentVNode("v-if", true)])]),
+            default: withCtx(() => [createVNode(renderCb, {
+              options: __props.options,
+              callbackApiConfig: __props.callbackApiConfig
+            }, null, 8, ["options", "callbackApiConfig"])]),
+            _: 1
+          }, 8, ["title"])];
+        }),
+        _: 1
+      }, 8, ["show", "class", "style"]);
+    };
+  }
+});
+
+export { _sfc_main as default };