vuv-ui 1.0.11 → 1.0.13

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vuv-ui",
   "private": false,
-  "version": "1.0.11",
+  "version": "1.0.13",
   "description": "基于UVUI 组件再次封装",
   "type": "module",
   "author": "lsq",

package/src/components/button/Data.vue

@@ -97,23 +97,14 @@
   </div>
 </template>
 
-<script setup lang="ts" name="ButtonData">
+<script setup lang="ts" name="uvuiButtonData">
 import { ref, onMounted } from 'vue';
-import ElForm from 'element-plus';
-import ElInput from 'element-plus';
-import ElFormItem from 'element-plus';
-import ElInputNumber from 'element-plus';
-import ElSelect from 'element-plus';
-import ElOption from 'element-plus';
-import ElRadioGroup from 'element-plus';
-import ElRadioButton from 'element-plus';
-import ElSwitch from 'element-plus';
-import ElColorPicker from 'element-plus';
+import { ElForm, ElInput, ElFormItem, ElInputNumber, ElSelect, ElOption, ElRadioGroup, ElRadioButton, ElSwitch, ElColorPicker } from 'element-plus';
 
 const props = defineProps({
   data: {
     type: Object,
-    default: () => {}
+    default: () => ({})
   }
 });
 

package/src/components/button/View.vue

@@ -20,7 +20,7 @@
   </div>
 </template>
 
-<script setup lang="ts" name="ButtonView">
+<script setup lang="ts" name="uvuiButtonView">
 import { uvButton } from 'uv-ui';
 const props = defineProps({
   data: {

package/src/components/button/index.ts

@@ -1,5 +1,5 @@
-import ButtonView from './View.vue';
-import ButtonData from './Data.vue';
+import uvuiButtonView from './View.vue';
+import uvuiButtonData from './Data.vue';
 
 const buttonTypeList = {
   type: 'uvui-button',
@@ -7,8 +7,8 @@ const buttonTypeList = {
   icon: 'Postcard',
   fontIcon: 'icon-shangpinanniu_changtiaoanniu',
   page: 'index,activity',
-  viewCom: ButtonView,
-  editCom: ButtonData,
+  viewCom: uvuiButtonView,
+  editCom: uvuiButtonData,
   limit: 0
 };
 

package/src/components/index.ts

@@ -1,4 +1,7 @@
 import { buttonTypeList, buttonOptions } from './button/index';
+import uvuiButtonData from './button/Data.vue';
+import uvuiButtonView from './button/View.vue';
+
 import { textareaTypeList, textareaOptions } from './textarea/index';
 import { numberBoxTypeList, numberBoxOptions } from './numberBxo/index';
 import { collapseTypeList, collapseOptions } from './collapse/index';
@@ -6,9 +9,14 @@ import { collapseTypeList, collapseOptions } from './collapse/index';
 export const uvUiList = { buttonTypeList, textareaTypeList, numberBoxTypeList, collapseTypeList };
 export const uvUIOptions = { buttonOptions, textareaOptions, numberBoxOptions, collapseOptions };
 
-const hsryvvuUI = {
-  uvUiList,
-  uvUIOptions
+const component = [uvuiButtonData, uvuiButtonView];
+
+const hsryvuvUI = {
+  install(App: any) {
+    component.forEach((item: any) => {
+      App.component(item.name, item);
+    });
+  }
 };
 
-export default hsryvvuUI;
+export default hsryvuvUI;

package/vuv-ui/components/button/Data.vue.d.ts

@@ -1,12 +1,12 @@
 declare const _default: import('vue').DefineComponent<{
     data: {
         type: ObjectConstructor;
-        default: () => void;
+        default: () => {};
     };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
     data: {
         type: ObjectConstructor;
-        default: () => void;
+        default: () => {};
     };
 }>>, {
     data: Record<string, any>;

package/vuv-ui/components/button/index.d.ts

@@ -20,12 +20,12 @@ declare const buttonTypeList: {
     editCom: import('vue').DefineComponent<{
         data: {
             type: ObjectConstructor;
-            default: () => void;
+            default: () => {};
         };
     }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
         data: {
             type: ObjectConstructor;
-            default: () => void;
+            default: () => {};
         };
     }>>, {
         data: Record<string, any>;

package/vuv-ui/components/index.d.ts

@@ -21,12 +21,12 @@ export declare const uvUiList: {
         editCom: import('vue').DefineComponent<{
             data: {
                 type: ObjectConstructor;
-                default: () => void;
+                default: () => {};
             };
         }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
             data: {
                 type: ObjectConstructor;
-                default: () => void;
+                default: () => {};
             };
         }>>, {
             data: Record<string, any>;
@@ -219,227 +219,7 @@ export declare const uvUIOptions: {
         };
     };
 };
-declare const hsryvvuUI: {
-    uvUiList: {
-        buttonTypeList: {
-            type: string;
-            name: string;
-            icon: string;
-            fontIcon: string;
-            page: string;
-            viewCom: import('vue').DefineComponent<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }>>, {
-                data: Record<string, any>;
-            }>;
-            editCom: import('vue').DefineComponent<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }>>, {
-                data: Record<string, any>;
-            }>;
-            limit: number;
-        };
-        textareaTypeList: {
-            type: string;
-            name: string;
-            icon: string;
-            fontIcon: string;
-            page: string;
-            viewCom: import('vue').DefineComponent<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }>>, {
-                data: Record<string, any>;
-            }>;
-            editCom: import('vue').DefineComponent<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }>>, {
-                data: Record<string, any>;
-            }>;
-            limit: number;
-        };
-        numberBoxTypeList: {
-            type: string;
-            name: string;
-            icon: string;
-            fontIcon: string;
-            page: string;
-            viewCom: import('vue').DefineComponent<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }>>, {
-                data: Record<string, any>;
-            }>;
-            editCom: import('vue').DefineComponent<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }>>, {
-                data: Record<string, any>;
-            }>;
-            limit: number;
-        };
-        collapseTypeList: {
-            type: string;
-            name: string;
-            icon: string;
-            fontIcon: string;
-            page: string;
-            viewCom: import('vue').DefineComponent<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }>>, {
-                data: Record<string, any>;
-            }>;
-            editCom: import('vue').DefineComponent<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
-                data: {
-                    type: ObjectConstructor;
-                    default: () => void;
-                };
-            }>>, {
-                data: Record<string, any>;
-            }>;
-            limit: number;
-        };
-    };
-    uvUIOptions: {
-        buttonOptions: {
-            data: {};
-            options: {
-                width: string;
-                height: string;
-                hairline: boolean;
-                type: string;
-                size: string;
-                shape: string;
-                position: string;
-                plain: boolean;
-                disabled: boolean;
-                loading: boolean;
-                loadingText: string;
-                openType: string;
-                pagePath: string;
-                isTabBar: boolean;
-                text: string;
-                textColor: string;
-                icon: string;
-                color: string;
-                customStyle: string;
-                fill: boolean;
-            };
-        };
-        textareaOptions: {
-            type: string;
-            data: {};
-            options: {
-                placeholder: string;
-                height: string;
-                confirmType: string;
-                count: boolean;
-                autoHeight: boolean;
-                showConfirmBar: boolean;
-                maxlength: number;
-                border: string;
-                customStyle: string;
-                fill: boolean;
-            };
-        };
-        numberBoxOptions: {
-            data: {};
-            options: {
-                value: number;
-                min: number;
-                max: number;
-                step: number;
-                integer: boolean;
-                disabled: boolean;
-                disabledInput: boolean;
-                inputWidth: number;
-                showMinus: boolean;
-                showPlus: boolean;
-                decimalLength: number;
-                longPress: boolean;
-                color: string;
-                buttonSize: number;
-                bgColor: string;
-                disablePlus: boolean;
-                disableMinus: boolean;
-                align: string;
-                fill: boolean;
-            };
-        };
-        collapseOptions: {
-            data: {
-                list: {
-                    title: string;
-                    value: string;
-                    label: string;
-                    disabled: boolean;
-                    isLink: boolean;
-                    clickable: boolean;
-                    border: boolean;
-                }[];
-            };
-            options: {
-                fill: boolean;
-            };
-        };
-    };
+declare const hsryvuvUI: {
+    install(App: any): void;
 };
-export default hsryvvuUI;
+export default hsryvuvUI;

package/vuv-ui/style.css

@@ -1 +1 @@
-.button_box[data-v-8b545b2a]{display:flex;align-items:center;margin-top:10px}.button_box[data-v-8b545b2a] .uv-button{width:100%;height:100%}.plain[data-v-8b545b2a] .uv-button{background-color:transparent!important}.banner-content[data-v-f4e926bb]{overflow-x:auto}.item-list[data-v-f4e926bb]{display:flex;justify-content:space-between;margin:10px;border:1px solid #c8c8c8;border-radius:4px;padding:5px}.item-list .l-info[data-v-f4e926bb]{font-size:12px;padding-top:4px;width:calc(100% - 100px)}.item-list .l-info p[data-v-f4e926bb]{margin:5px 0 0;white-space:nowrap;overflow:hidden;display:flex}.item-list .l-info p .link[data-v-f4e926bb]{color:#1b8bff;cursor:pointer}.item-list .l-info p .text[data-v-f4e926bb]{white-space:nowrap;text-align:-webkit-auto;text-overflow:ellipsis;overflow:hidden}.item-list .r-image[data-v-f4e926bb]{text-align:right}.item-list .r-image .el-icon-close[data-v-f4e926bb]{color:#999;font-size:12px;font-weight:600;margin-bottom:6px;cursor:pointer}.item-list .r-image .el-icon-close[data-v-f4e926bb]:hover{color:red}.item-list .r-image .image-box[data-v-f4e926bb]{width:100px;height:70px;border-radius:5px;overflow:hidden;position:relative;background:#fff;display:flex;justify-content:center;align-items:center}.item-list .r-image .image-box img[data-v-f4e926bb]{max-width:100%}.item-list .r-image .image-box .placeholder-text[data-v-f4e926bb]{color:#999;font-size:12px}.mt-5px[data-v-f4e926bb]{margin-top:5px}.mt-10px[data-v-f4e926bb]{margin-top:10px}.textarea_box[data-v-b4db5b9f]{display:flex;align-items:center;margin-top:10px}.banner-content[data-v-91c833b3]{overflow-x:auto}.item-list[data-v-91c833b3]{display:flex;justify-content:space-between;margin:10px;border:1px solid #c8c8c8;border-radius:4px;padding:5px}.item-list .l-info[data-v-91c833b3]{font-size:12px;padding-top:4px;width:calc(100% - 100px)}.item-list .l-info p[data-v-91c833b3]{margin:5px 0 0;white-space:nowrap;overflow:hidden;display:flex}.item-list .l-info p .link[data-v-91c833b3]{color:#1b8bff;cursor:pointer}.item-list .l-info p .text[data-v-91c833b3]{white-space:nowrap;text-align:-webkit-auto;text-overflow:ellipsis;overflow:hidden}.item-list .r-image[data-v-91c833b3]{text-align:right}.item-list .r-image .el-icon-close[data-v-91c833b3]{color:#999;font-size:12px;font-weight:600;margin-bottom:6px;cursor:pointer}.item-list .r-image .el-icon-close[data-v-91c833b3]:hover{color:red}.item-list .r-image .image-box[data-v-91c833b3]{width:100px;height:70px;border-radius:5px;overflow:hidden;position:relative;background:#fff;display:flex;justify-content:center;align-items:center}.item-list .r-image .image-box img[data-v-91c833b3]{max-width:100%}.item-list .r-image .image-box .placeholder-text[data-v-91c833b3]{color:#999;font-size:12px}.mt-5px[data-v-91c833b3]{margin-top:5px}.mt-10px[data-v-91c833b3]{margin-top:10px}.number-box-wrapper[data-v-d025175e]{background-color:#fff;display:flex;align-items:center;padding:10px}.banner-content[data-v-0130b026],.banner-content[data-v-c904acd0]{overflow-x:auto}.item-list[data-v-c904acd0]{display:flex;justify-content:space-between;margin:10px;border:1px solid #c8c8c8;border-radius:4px;padding:5px}.item-list .l-info[data-v-c904acd0]{font-size:12px;padding-top:4px;width:calc(100% - 100px)}.item-list .l-info p[data-v-c904acd0]{margin:5px 0 0;white-space:nowrap;overflow:hidden;display:flex}.item-list .l-info p .link[data-v-c904acd0]{color:#1b8bff;cursor:pointer}.item-list .l-info p .text[data-v-c904acd0]{white-space:nowrap;text-align:-webkit-auto;text-overflow:ellipsis;overflow:hidden}.item-list .r-image[data-v-c904acd0]{text-align:right}.item-list .r-image .el-icon-close[data-v-c904acd0]{color:#999;font-size:12px;font-weight:600;margin-bottom:6px;cursor:pointer}.item-list .r-image .el-icon-close[data-v-c904acd0]:hover{color:red}.item-list .r-image .image-box[data-v-c904acd0]{width:100px;height:70px;border-radius:5px;overflow:hidden;position:relative;background:#fff;display:flex;justify-content:center;align-items:center}.item-list .r-image .image-box img[data-v-c904acd0]{max-width:100%}.item-list .r-image .image-box .placeholder-text[data-v-c904acd0]{color:#999;font-size:12px}.mt-5px[data-v-c904acd0]{margin-top:5px}.mt-10px[data-v-c904acd0]{margin-top:10px}
+.button_box[data-v-ddf92851]{display:flex;align-items:center;margin-top:10px}.button_box[data-v-ddf92851] .uv-button{width:100%;height:100%}.plain[data-v-ddf92851] .uv-button{background-color:transparent!important}.banner-content[data-v-3a40ecc1]{overflow-x:auto}.item-list[data-v-3a40ecc1]{display:flex;justify-content:space-between;margin:10px;border:1px solid #c8c8c8;border-radius:4px;padding:5px}.item-list .l-info[data-v-3a40ecc1]{font-size:12px;padding-top:4px;width:calc(100% - 100px)}.item-list .l-info p[data-v-3a40ecc1]{margin:5px 0 0;white-space:nowrap;overflow:hidden;display:flex}.item-list .l-info p .link[data-v-3a40ecc1]{color:#1b8bff;cursor:pointer}.item-list .l-info p .text[data-v-3a40ecc1]{white-space:nowrap;text-align:-webkit-auto;text-overflow:ellipsis;overflow:hidden}.item-list .r-image[data-v-3a40ecc1]{text-align:right}.item-list .r-image .el-icon-close[data-v-3a40ecc1]{color:#999;font-size:12px;font-weight:600;margin-bottom:6px;cursor:pointer}.item-list .r-image .el-icon-close[data-v-3a40ecc1]:hover{color:red}.item-list .r-image .image-box[data-v-3a40ecc1]{width:100px;height:70px;border-radius:5px;overflow:hidden;position:relative;background:#fff;display:flex;justify-content:center;align-items:center}.item-list .r-image .image-box img[data-v-3a40ecc1]{max-width:100%}.item-list .r-image .image-box .placeholder-text[data-v-3a40ecc1]{color:#999;font-size:12px}.mt-5px[data-v-3a40ecc1]{margin-top:5px}.mt-10px[data-v-3a40ecc1]{margin-top:10px}.textarea_box[data-v-b4db5b9f]{display:flex;align-items:center;margin-top:10px}.banner-content[data-v-91c833b3]{overflow-x:auto}.item-list[data-v-91c833b3]{display:flex;justify-content:space-between;margin:10px;border:1px solid #c8c8c8;border-radius:4px;padding:5px}.item-list .l-info[data-v-91c833b3]{font-size:12px;padding-top:4px;width:calc(100% - 100px)}.item-list .l-info p[data-v-91c833b3]{margin:5px 0 0;white-space:nowrap;overflow:hidden;display:flex}.item-list .l-info p .link[data-v-91c833b3]{color:#1b8bff;cursor:pointer}.item-list .l-info p .text[data-v-91c833b3]{white-space:nowrap;text-align:-webkit-auto;text-overflow:ellipsis;overflow:hidden}.item-list .r-image[data-v-91c833b3]{text-align:right}.item-list .r-image .el-icon-close[data-v-91c833b3]{color:#999;font-size:12px;font-weight:600;margin-bottom:6px;cursor:pointer}.item-list .r-image .el-icon-close[data-v-91c833b3]:hover{color:red}.item-list .r-image .image-box[data-v-91c833b3]{width:100px;height:70px;border-radius:5px;overflow:hidden;position:relative;background:#fff;display:flex;justify-content:center;align-items:center}.item-list .r-image .image-box img[data-v-91c833b3]{max-width:100%}.item-list .r-image .image-box .placeholder-text[data-v-91c833b3]{color:#999;font-size:12px}.mt-5px[data-v-91c833b3]{margin-top:5px}.mt-10px[data-v-91c833b3]{margin-top:10px}.number-box-wrapper[data-v-d025175e]{background-color:#fff;display:flex;align-items:center;padding:10px}.banner-content[data-v-0130b026],.banner-content[data-v-c904acd0]{overflow-x:auto}.item-list[data-v-c904acd0]{display:flex;justify-content:space-between;margin:10px;border:1px solid #c8c8c8;border-radius:4px;padding:5px}.item-list .l-info[data-v-c904acd0]{font-size:12px;padding-top:4px;width:calc(100% - 100px)}.item-list .l-info p[data-v-c904acd0]{margin:5px 0 0;white-space:nowrap;overflow:hidden;display:flex}.item-list .l-info p .link[data-v-c904acd0]{color:#1b8bff;cursor:pointer}.item-list .l-info p .text[data-v-c904acd0]{white-space:nowrap;text-align:-webkit-auto;text-overflow:ellipsis;overflow:hidden}.item-list .r-image[data-v-c904acd0]{text-align:right}.item-list .r-image .el-icon-close[data-v-c904acd0]{color:#999;font-size:12px;font-weight:600;margin-bottom:6px;cursor:pointer}.item-list .r-image .el-icon-close[data-v-c904acd0]:hover{color:red}.item-list .r-image .image-box[data-v-c904acd0]{width:100px;height:70px;border-radius:5px;overflow:hidden;position:relative;background:#fff;display:flex;justify-content:center;align-items:center}.item-list .r-image .image-box img[data-v-c904acd0]{max-width:100%}.item-list .r-image .image-box .placeholder-text[data-v-c904acd0]{color:#999;font-size:12px}.mt-5px[data-v-c904acd0]{margin-top:5px}.mt-10px[data-v-c904acd0]{margin-top:10px}