orion-design 0.1.2 → 0.1.4

package/dist/components/Modal/index.d.ts

@@ -0,0 +1,15 @@
+import type { Plugin } from 'vue';
+declare const _default: {
+    new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<{}> & Readonly<{}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Readonly<{}> & Readonly<{}>, {}, true, {}, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, {}, any, import("vue").ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{}> & Readonly<{}>, () => any, {}, {}, {}, {}>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<{}> & Readonly<{}>, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, {}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & Plugin;
+export default _default;

package/dist/components/Modal/useModal.d.ts

@@ -0,0 +1,3 @@
+export default function useModal(): {
+    close: (params: Record<string, any>) => void;
+};

package/dist/components/Modal/useModal.js

@@ -0,0 +1,8 @@
+import { inject } from 'vue';
+
+function useModal() {
+  const $$Modal = inject('$$Modal');
+  return $$Modal;
+}
+
+export { useModal as default };

package/dist/components/components.d.ts

@@ -2,3 +2,5 @@ export { default as Space } from './Space';
 export type { SpaceProps } from './Space';
 export { Rowflex, Colflex, Flexitem } from './Flex';
 export type { RowflexProps, ColflexProps, FlexitemProps } from './Flex';
+export { default as Modal } from './Modal';
+export { default as useOModal } from './Modal/useModal';

package/dist/components/components.js

@@ -1,10 +1,12 @@
-export { i as Space } from '../components-O4L3qYfM.js';
+export { a as Modal, i as Space } from '../components-BTX5S_6V.js';
 export { Colflex, Flexitem, Rowflex } from './Flex/index.js';
+export { default as useOModal } from './Modal/useModal.js';
 import 'vue';
 import './_util/props-util/index.js';
 import './_util/isValid.js';
 import './_util/props-util/initDefaultProps.js';
 import './_util/type.js';
+import 'element-plus';
 import './_util/classNames.js';
 import './_util/util.js';
 import '../error/OrionError.js';

package/dist/components/index.js

@@ -1,11 +1,13 @@
-import { c as components } from '../components-O4L3qYfM.js';
-export { i as Space } from '../components-O4L3qYfM.js';
+import { c as components } from '../components-BTX5S_6V.js';
+export { a as Modal, i as Space } from '../components-BTX5S_6V.js';
 export { Colflex, Flexitem, Rowflex } from './Flex/index.js';
+export { default as useOModal } from './Modal/useModal.js';
 import 'vue';
 import './_util/props-util/index.js';
 import './_util/isValid.js';
 import './_util/props-util/initDefaultProps.js';
 import './_util/type.js';
+import 'element-plus';
 import './_util/classNames.js';
 import './_util/util.js';
 import '../error/OrionError.js';

package/dist/components-BTX5S_6V.js

@@ -0,0 +1,128 @@
+import { defineComponent, computed, createVNode, ref, shallowRef, provide, Fragment } from 'vue';
+import { filterEmpty } from './components/_util/props-util/index.js';
+import { withInstall, anyType } from './components/_util/type.js';
+import { Colflex, Flexitem, Rowflex } from './components/Flex/index.js';
+import { ElDialog } from 'element-plus';
+import useModal from './components/Modal/useModal.js';
+
+const spaceProps = () => ({
+  gutter: anyType(),
+  vertical: anyType()
+});
+const Space = defineComponent({
+  name: 'OSpace',
+  inheritAttrs: false,
+  props: spaceProps(),
+  slots: Object,
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
+  }) {
+    const classes = computed(() => {
+      const {
+        vertical
+      } = props;
+      return ['orion-space', {
+        [`vertical`]: vertical === true || vertical === ''
+      }];
+    });
+    return () => {
+      const children = slots.default?.();
+      const items = filterEmpty(children);
+      const len = items.length;
+      if (len === 0) {
+        return null;
+      }
+      const gapStyle = {};
+      if (typeof props.gutter == 'string' && props.gutter) {
+        gapStyle.gap = props.gutter;
+      }
+      return createVNode("div", {
+        "class": [classes.value, attrs.class],
+        "style": [gapStyle, attrs.style]
+      }, [items.map(child => {
+        return createVNode("div", {
+          "class": ['orion-space-item']
+        }, [child]);
+      })]);
+    };
+  }
+});
+var index$1 = withInstall(Space);
+
+const Modal = defineComponent({
+  name: 'OModal',
+  setup(props, {
+    slots,
+    attrs,
+    emit,
+    expose
+  }) {
+    const show = ref(false);
+    const title = ref();
+    const content = shallowRef();
+    const contentProps = ref();
+    const width = ref();
+    const __resolve = ref();
+    const _open = async options => {
+      show.value = true;
+      title.value = options.title;
+      content.value = options.content;
+      if (options.contentProps) {
+        contentProps.value = options.contentProps;
+      } else {
+        contentProps.value = {};
+      }
+      if (options.width) {
+        width.value = options.width;
+      }
+      const promise = new Promise((resolve, reject) => {
+        __resolve.value = resolve;
+      });
+      return promise;
+    };
+    expose({
+      open: _open
+    });
+    const _close = options => {
+      const resolve = __resolve.value;
+      show.value = false;
+      title.value = undefined;
+      content.value = undefined;
+      contentProps.value = undefined;
+      width.value = undefined;
+      __resolve.value = undefined;
+      resolve && resolve(options);
+    };
+    provide('$$Modal', {
+      close: _close
+    });
+    return () => {
+      const Children = content.value;
+      return show.value ? createVNode(ElDialog, {
+        "title": title.value,
+        "width": width.value,
+        "modelValue": show.value,
+        "beforeClose": _close,
+        "draggable": true
+      }, {
+        default: () => [createVNode(Children, contentProps.value, null)]
+      }) : createVNode(Fragment, null, null);
+    };
+  }
+});
+var index = withInstall(Modal);
+
+var components = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  Colflex: Colflex,
+  Flexitem: Flexitem,
+  Modal: index,
+  Rowflex: Rowflex,
+  Space: index$1,
+  useOModal: useModal
+});
+
+export { index as a, components as c, index$1 as i };

package/dist/index.js

@@ -1,12 +1,14 @@
 export { default as OrionError } from './error/OrionError.js';
 export { install } from './components/index.js';
 export { default as version } from './version/version.js';
-export { i as Space } from './components-O4L3qYfM.js';
+export { default as useOModal } from './components/Modal/useModal.js';
+export { a as Modal, i as Space } from './components-BTX5S_6V.js';
 export { Colflex, Flexitem, Rowflex } from './components/Flex/index.js';
 import 'vue';
 import './components/_util/props-util/index.js';
 import './components/_util/isValid.js';
 import './components/_util/props-util/initDefaultProps.js';
 import './components/_util/type.js';
+import 'element-plus';
 import './components/_util/classNames.js';
 import './components/_util/util.js';

package/dist/version/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "0.1.2";
+declare const _default: "0.1.4";
 export default _default;

package/dist/version/version.js

@@ -1,3 +1,3 @@
-var version = '0.1.2';
+var version = '0.1.4';
 
 export { version as default };

package/global.d.ts

@@ -4,6 +4,7 @@ declare module 'vue' {
     ORowflex: typeof import('orion-design')['Rowflex']
     OColflex: typeof import('orion-design')['Colflex']
     OFlexitem: typeof import('orion-design')['Flexitem']
+    OModal: typeof import('orion-design')['Modal']
   }
 }
 export {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "orion-design",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "",
   "main": "dist/index.js",
   "type": "module",

package/dist/components/Modal/Modal.d.ts

@@ -1,2 +0,0 @@
-declare const OModal: import("vue").DefineComponent<{}, () => any, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-export default OModal;

package/dist/components-O4L3qYfM.js

@@ -1,61 +0,0 @@
-import { defineComponent, computed, createVNode } from 'vue';
-import { filterEmpty } from './components/_util/props-util/index.js';
-import { withInstall, anyType } from './components/_util/type.js';
-import { Colflex, Flexitem, Rowflex } from './components/Flex/index.js';
-
-const spaceProps = () => ({
-  gutter: anyType(),
-  vertical: anyType()
-});
-const Space = defineComponent({
-  name: 'OSpace',
-  inheritAttrs: false,
-  props: spaceProps(),
-  slots: Object,
-  setup(props, {
-    slots,
-    attrs,
-    emit,
-    expose
-  }) {
-    const classes = computed(() => {
-      const {
-        vertical
-      } = props;
-      return ['orion-space', {
-        [`vertical`]: vertical === true || vertical === ''
-      }];
-    });
-    return () => {
-      const children = slots.default?.();
-      const items = filterEmpty(children);
-      const len = items.length;
-      if (len === 0) {
-        return null;
-      }
-      const gapStyle = {};
-      if (typeof props.gutter == 'string' && props.gutter) {
-        gapStyle.gap = props.gutter;
-      }
-      return createVNode("div", {
-        "class": [classes.value, attrs.class],
-        "style": [gapStyle, attrs.style]
-      }, [items.map(child => {
-        return createVNode("div", {
-          "class": ['orion-space-item']
-        }, [child]);
-      })]);
-    };
-  }
-});
-var index = withInstall(Space);
-
-var components = /*#__PURE__*/Object.freeze({
-  __proto__: null,
-  Colflex: Colflex,
-  Flexitem: Flexitem,
-  Rowflex: Rowflex,
-  Space: index
-});
-
-export { components as c, index as i };