@polyv/vue-components 1.0.2 → 1.1.0

package/src/hooks/tools/use-simple-visible/index.d.ts

@@ -1,3 +1,4 @@
+import { Ref } from 'vue';
 export interface UseSimpleVisibleOptions {
     /**
      * 是否自动关闭
@@ -13,29 +14,49 @@ export interface UseSimpleVisibleOptions {
     autoCloseTime?: number;
     /**
      * 显示时回调
+     * @propType () => void
      */
     showCallback?: () => void;
     /**
      * 隐藏时回调
+     * @propType () => void
      */
     hideCallback?: () => void;
     /**
      * 隐藏延迟回调
+     * @propType () => void
      */
     hideDelayCallback?: () => void;
     /**
      * 更新回调
+     * @propType (visible: boolean) => void
      */
     changeCallback?: (visible: boolean) => void;
 }
+export interface UseSimpleVisibleReturn {
+    /** 显示状态 */
+    visible: Ref<boolean>;
+    /** 设置显示状态 */
+    setVisible: (visible: boolean) => void;
+    /** 显示 */
+    open: () => void;
+    /** 关闭 */
+    close: () => void;
+    /** 显示 */
+    show: () => void;
+    /** 关闭 */
+    hide: () => void;
+    /** 切换显示状态 */
+    toggle: () => void;
+}
 /**
  * 简单的显隐 hook
  * @param defaultVisible 默认显示状态，默认：false
+ * @param options 选项
  */
-export declare const useSimpleVisible: (defaultVisible?: boolean, options?: UseSimpleVisibleOptions) => {
-    visible: import('vue').Ref<boolean>;
-    setVisible: (_visible?: boolean) => void;
-    show: () => void;
-    close: () => void;
-    toggle: () => void;
-};
+export declare function useSimpleVisible(defaultVisible?: boolean, options?: UseSimpleVisibleOptions): UseSimpleVisibleReturn;
+/**
+ * 简单的显隐 hook
+ * @param options 选项
+ */
+export declare function useSimpleVisible(options?: UseSimpleVisibleOptions): UseSimpleVisibleReturn;

package/src/hooks/vue/use-storage-ref/index.d.ts

@@ -0,0 +1,3 @@
+import { Ref, UnwrapRef } from 'vue';
+export declare function useStorageRef<T>(key: string, value: T): Ref<UnwrapRef<T>>;
+export declare function useStorageRef<T = any>(key: string): Ref<T | undefined>;

package/src/hooks/vue/use-vue/index.d.ts

@@ -1,4 +1,17 @@
+import { ComponentInstance } from '../../../vue-utils';
 import { default as Vue, Component, VNode } from 'vue';
+/** 获取 Vue 构造函数 */
+export declare function getVueConstructor(): typeof Vue;
+/** 创建 Vue 实例 */
+export declare function createVueInstance<Props extends Record<string, any> = {}, Emits extends Record<string, any> = {}>(vueComponent: Component, options?: {
+    parent?: any;
+    props?: Props;
+    on?: Emits;
+}): unknown;
+/** 销毁 Vue 实例 */
+export declare function destroyVueInstance(instance: ComponentInstance<any>): void;
+/** 获取 Vue 实例的 dom 节点 */
+export declare function getVueInstanceElem(instance: ComponentInstance<any>): Element | undefined;
 /**
  * 对 Vue 一些方法的简单封装
  */
@@ -12,4 +25,6 @@ export declare const useVue: () => {
         props?: Props;
         on?: Emits;
     }) => unknown;
+    getVueInstanceElem: typeof getVueInstanceElem;
+    destroyVueInstance: typeof destroyVueInstance;
 };

package/src/lang/common/en.json.d.ts

@@ -6,7 +6,11 @@ declare const _default: {
     "submit": "Submit",
     "submitSuccess": "Success",
     "known": "I know",
-    "copySuccess": "Copy success"
+    "copySuccess": "Copy success",
+    "copyLinkSuccess": "Link copy success, you can paste it in the browser to download",
+    "tips": "Tips",
+    "success": "Success",
+    "empty": "Empty"
   }
 }
 ;

package/src/lang/common/ja.json.d.ts

@@ -6,7 +6,11 @@ declare const _default: {
     "submit": "送信",
     "submitSuccess": "送信成功",
     "known": "わかりました",
-    "copySuccess": "コピー成功"
+    "copySuccess": "コピー成功",
+    "copyLinkSuccess": "リンクをコピーしました。ブラウザに貼り付けてダウンロードしてください",
+    "tips": "ヒント",
+    "success": "成功",
+    "empty": "空"
   }
 };
 

package/src/lang/common/ko.json.d.ts

@@ -6,7 +6,11 @@ declare const _default: {
     "submit": "제출",
     "submitSuccess": "제출 성공",
     "known": "알겠습니다",
-    "copySuccess": "복사 성공"
+    "copySuccess": "복사 성공",
+    "copyLinkSuccess": "링크 복사 성공, 브라우저에 붙여넣기하여 다운로드",
+    "tips": "팁",
+    "success": "성공",
+    "empty": "비어있음"
   }
 };
 

package/src/lang/common/ru.json.d.ts

@@ -6,7 +6,11 @@ declare const _default: {
     "submit": "Отправить",
     "submitSuccess": "Успешно отправлено",
     "known": "Понятно",
-    "copySuccess": "Скопировано успешно"
+    "copySuccess": "Скопировано успешно",
+    "copyLinkSuccess": "Ссылка скопирована успешно, можно перейти в браузер и вставить для загрузки",
+    "tips": "Подсказка",
+    "success": "Успешно",
+    "empty": "Пусто"
   }
 };
 

package/src/lang/common/zh-CN.json.d.ts

@@ -6,7 +6,11 @@ declare const _default: {
     "submit": "提交",
     "submitSuccess": "提交成功",
     "known": "我知道了",
-    "copySuccess": "复制成功"
+    "copySuccess": "复制成功",
+    "copyLinkSuccess": "链接复制成功，可去浏览器粘贴下载",
+    "tips": "提示",
+    "success": "成功",
+    "empty": "暂无内容"
   }
 }
 ;

package/src/lang/common/zh-TW.json.d.ts

@@ -6,7 +6,11 @@ declare const _default: {
     "submit": "提交",
     "submitSuccess": "提交成功",
     "known": "我知道了",
-    "copySuccess": "複製成功"
+    "copySuccess": "複製成功",
+    "copyLinkSuccess": "連結複製成功，可去瀏覽器貼上下載",
+    "tips": "提示",
+    "success": "成功",
+    "empty": "暫無內容"
   }
 };
 

package/src/lang/internal/index.d.ts

@@ -26,6 +26,10 @@ declare const useInternalI18n: () => {
             submitSuccess: string;
             known: string;
             copySuccess: string;
+            copyLinkSuccess: string;
+            tips: string;
+            success: string;
+            empty: string;
         };
     }>, options?: import('../..').UniversalParams<string | number>) => string;
     currentLang: import('vue').ComputedRef<import('../types').I18nLangs>;

package/src/plugins/polyv-ui/mobile-import.d.ts

@@ -1 +1,2 @@
 export { default as PlvAreaPicker } from '@polyv/polyv-ui/lib-front-mob/area-picker';
+export { default as PlvImagePreview } from '@polyv/polyv-ui/lib-admin/image-preview';

package/src/vue-utils/emit-utils.d.ts

@@ -5,7 +5,9 @@ export type EmitFuncType<P = void> = (arg: P) => void;
  */
 export declare const emitFunc: <P = void>() => EmitFuncType<P>;
 export type VueEmit<F extends () => ObjectEmitsOptions> = EmitFn<ReturnType<F>>;
-export type UpdateEmitReturn<K extends string, P = void> = Record<`update:${K}`, EmitFuncType<P>>;
+export type UpdateEmitReturn<K extends string, P = void> = {
+    [key in `update:${K}`]: EmitFuncType<P>;
+};
 export declare function updateModelEmit<K extends string, P>(field: K): UpdateEmitReturn<K, P>;
 export type FormatEmit<F extends () => ObjectEmitsOptions> = {
     [K in keyof ReturnType<F>]?: (...args: ReturnType<F>[K] extends (...args: any) => any ? Parameters<ReturnType<F>[K]> : []) => void;

package/src/vue-utils/props-utils.d.ts

@@ -20,9 +20,7 @@ export declare const PropUtils: {
     readonly bool: VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    readonly looseBool: import('vue-types').VueTypeDef<boolean | undefined> & {
-        default: boolean | undefined;
-    };
+    readonly looseBool: VueTypeValidableDef<boolean | undefined>;
     readonly looseElement: import('vue-types').VueTypeDef<HTMLElement | undefined> & {
         default: (() => HTMLElement) | undefined;
     };

package/styles/animation.scss

@@ -13,12 +13,3 @@
     opacity: 1;
   }
 }
-
-@keyframes pwc-loading-animation {
-  0% {
-    transform: rotateZ(0);
-  }
-  100% {
-    transform: rotateZ(360deg);
-  }
-}

package/styles/mixins.scss

@@ -45,10 +45,11 @@
   &::-webkit-scrollbar {
     width: 6px;
     height: 6px;
+    background-color: transparent;
   }
   &::-webkit-scrollbar-thumb {
     background-color: $thumbColor;
-    border-radius: 3px;
+    border-color: transparent;
     transition: background-color 0.2s ease;
     &:hover {
       background-color: $thumbColor-hover;
@@ -61,6 +62,9 @@
     background-color: $trackColor;
     border-left: 1px solid $trackBorder;
   }
+  &::-webkit-scrollbar-track-piece {
+    background-color: transparent !important
+  }
 }
 
 /**
@@ -82,11 +86,9 @@
   // 用安全距离替换原底部padding值。若原底部padding值大于底部安全距离，则不会被替换。
   @if $isReplace {
     padding-bottom: $normalBottom;
-    .g-page--ios & {
-      @supports (padding-bottom: env(safe-area-inset-bottom)) or (padding-bottom: constant(safe-area-inset-bottom, $normalBottom)) {
-        padding-bottom: unquote('max(constant(safe-area-inset-bottom, #{$normalBottom}), #{$normalBottom})');
-        padding-bottom: unquote('max(env(safe-area-inset-bottom, #{$normalBottom}), #{$normalBottom})');
-      }
+    @supports (padding-bottom: env(safe-area-inset-bottom)) or (padding-bottom: constant(safe-area-inset-bottom, $normalBottom)) {
+      padding-bottom: unquote('max(constant(safe-area-inset-bottom, #{$normalBottom}), #{$normalBottom})');
+      padding-bottom: unquote('max(env(safe-area-inset-bottom, #{$normalBottom}), #{$normalBottom})');
     }
   } @else {
     // 安全距离与原底部padding值叠加

package/styles/skin-color.scss

@@ -0,0 +1,64 @@
+@use 'sass:map';
+@use './mixins.scss' as *;
+
+$skin-color-mode-prefix: 'pwc-skin-color-mode';
+
+@mixin set-skin-style($styles: ()) {
+  $selector: &;
+
+  // 设置默认浅色
+  @each $prop, $val in map-get($styles, light) {
+    #{$prop}: #{$val};
+  }
+
+  @at-root {
+    .#{$skin-color-mode-prefix}--dark {
+      #{$selector} {
+        @each $prop, $val in map-get($styles, dark) {
+          #{$prop}: #{$val};
+        }
+      }
+    }
+    // 浅色必须在 dark 之后，ignoreSkinColor 为 true 时，浅色样式会覆盖 dark 样式
+    .#{$skin-color-mode-prefix}--light {
+      #{$selector} {
+        @each $prop, $val in map-get($styles, light) {
+          #{$prop}: #{$val};
+        }
+      }
+    }
+  }
+}
+
+@mixin set-dark-style() {
+  $selector: &;
+
+  @at-root {
+    .#{$skin-color-mode-prefix}--dark {
+      #{$selector} {
+        @content;
+      }
+    }
+  }
+}
+
+@mixin set-light-style() {
+  $selector: &;
+
+  @at-root {
+    .#{$skin-color-mode-prefix}--light {
+      #{$selector} {
+        @content;
+      }
+    }
+  }
+}
+
+@mixin set-scrollbar-color {
+  @include set-dark-style {
+    @include scrollbar(transparent, transparent, rgba(#ffffff, 0.16));
+  }
+  @include set-light-style {
+    @include scrollbar(transparent, transparent, rgba(#000000, 0.16));
+  }
+}

package/src/components/form/form-area-picker/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PwcFormAreaPicker } from './form-area-picker.vue';
-export * from './use-form-area-picker';

package/src/components/form/form-checkbox/index.d.ts

@@ -1,4 +0,0 @@
-export { default as PwcFormCheckbox } from './form-checkbox.vue';
-export { default as PwcFormCheckboxGroup } from './form-checkbox-group.vue';
-export * from './type';
-export * from './use-form-checkbox';

package/src/components/form/form-input/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PwcFormInput } from './form-input.vue';
-export * from './use-form-input';

package/src/components/form/form-protocol/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PwcFormProtocol } from './form-protocol.vue';
-export * from './use-form-protocol';

package/src/components/form/form-radio/index.d.ts

@@ -1,3 +0,0 @@
-export { default as PwcFormRadio } from './form-radio.vue';
-export { default as PwcFormRadioGroup } from './form-radio-group.vue';
-export * from './type';

package/src/components/normal-button/index.d.ts

@@ -1,3 +0,0 @@
-export { default as PwcNormalButton } from './normal-button.vue';
-export * from './use-normal-button';
-export * from './type';

package/src/components/normal-button/type.d.ts

@@ -1,28 +0,0 @@
-/**
- * 按钮类型
- */
-export declare enum ButtonType {
-    Primary = "primary",
-    Info = "info",
-    Danger = "danger",
-    Outline = "outline",
-    Multicolour = "multicolour",
-    MulticolourOutline = "multicolour-outline",
-    /** 橙色 */
-    Orange = "orange",
-    /** 橙色线性 */
-    OrangeOutline = "orange-outline"
-}
-/**
- * 按钮尺寸
- */
-export declare enum ButtonSize {
-    /** height: 40px */
-    Default = "",
-    /** height: 48px */
-    Middle = "middle",
-    /** height: 32px */
-    Small = "small",
-    /** height: 28px */
-    Mini = "mini"
-}

package/src/hooks/interactive/use-click-outside/index.d.ts

@@ -1,14 +0,0 @@
-import { Ref } from 'vue';
-export type ClickOutsideTargetType = Ref | HTMLElement | string;
-export type ClickOutsideTargets = ClickOutsideTargetType | ClickOutsideTargetType[];
-export type ClickOutsideTargetsFunction = () => ClickOutsideTargets;
-/**
- * 点击节点外部事件 hook
- * @param targets 响应式节点数组或获取方法
- * @param callback 回调方法
- * @param autoListen 自动监听，默认：true
- */
-export declare const useClickOutside: (targets: ClickOutsideTargets | ClickOutsideTargetsFunction, callback: () => unknown, autoListen?: boolean) => {
-    listenClickOutSide: () => void;
-    removeListenClickOutSide: () => void;
-};

package/src/components/form/{form-checkbox/form-checkbox.vue.d.ts → checkbox/checkbox.vue.d.ts}

@@ -8,10 +8,10 @@ declare function __VLS_template(): {
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<{
-    circle: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+    checked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    checked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+    circle: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
     value: import('vue-types').VueTypeDef<any>;
@@ -31,10 +31,10 @@ declare const __VLS_component: import('vue').DefineComponent<{
     change: (arg: boolean) => void;
     "update:checked": (arg: boolean) => void;
 }, string, Readonly<import('vue').ExtractPropTypes<{
-    circle: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+    checked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
-    checked: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
+    circle: import('vue-types').VueTypeValidableDef<boolean, import('vue-types/dist/types').ValidatorFunction<boolean>> & {
         default: boolean;
     };
     value: import('vue-types').VueTypeDef<any>;