@aplus-frontend/ui 7.17.1 → 7.17.2

package/lib/src/check-card/index.vue2.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),z=require("@aplus-frontend/antdv"),f=require("lodash-unified");require("../config-provider/index.js");require("../hooks/index.js");const N=require("./checked.svg.js"),S=require("./context.js"),V=require("./style/index.js"),q=require("../config-provider/hooks/use-namespace.js"),P=require("../hooks/useControllableValue.js"),_=["src"],w=e.defineComponent({name:"CheckCard",__name:"index",props:{bordered:{type:Boolean,default:!0},disabled:{type:Boolean},loading:{type:Boolean},size:{default:"middle"},stopPropagation:{type:[Boolean,Function],default:!1},indicatorSize:{default:void 0},style:{default:void 0},checked:{type:Boolean,default:void 0},"onUpdate:checked":{},defaultChecked:{type:Boolean},value:{type:[String,Number,Boolean]},title:{},content:{}},emits:["update:checked"],setup(m,{emit:v}){const o=m,{b:k,m:c,e:u,em:d}=q.useNamespace("check-card"),g=V.default("check-card"),h=v,l=S.useInjectCheckCard(),{value:r,updateValue:i}=P.useControllableValue(o,h,{valuePropName:"checked",defaultValuePropName:"defaultChecked"}),a=e.computed(()=>{const t={...o},n=e.unref(l);return n&&(t.disabled=t.disabled||n.disabled,t.bordered=t.bordered||n.bordered,t.loading=t.loading||n.loading,t.size=t.size||n.size,t.indicatorSize=t.indicatorSize||n.indicatorSize,t.stopPropagation=t.stopPropagation||n.stopPropagation,t.style=t.style?t.style:n.style),t}),y=e.computed(()=>{const t=e.unref(a);return[k(),c(t.size),e.unref(r)?c("checked"):null,t.bordered?c("bordered"):null,t.disabled?c("disabled"):null,g.value]}),b=e.computed(()=>{const t=e.unref(a);return{...t.style||{},"--check-card-indicator-size":`${t.indicatorSize||14}px`}}),s=e.computed(()=>{const t=o.title;if(!t)return;const n=f.isFunction(t)?t(e.unref(r)):e.createVNode(e.Fragment,null,[t]);return e.createVNode("div",{class:[u("title"),a.value.disabled?d("title","disabled"):null]},[n])}),p=e.computed(()=>{if(!o.content)return;const t=f.isFunction(o.content)?o.content(e.unref(r)):o.content;return e.createVNode("div",{class:[u("content"),a.value.disabled?d("content","disabled"):null]},[t])});function C(t){const n=e.unref(a).stopPropagation;return n?n===!0?t.target!==t.currentTarget:n(t):!1}function B(t){C(t)||a.value.loading||a.value.disabled||(l.value?l.value?.toggleOption?.(o.value):i(!e.unref(r)))}return e.watch(()=>l.value,t=>{if(!t)return;const n=t.multiple?(t.value||[]).includes(o.value):t.value===o.value;i(n)},{immediate:!0}),e.watchEffect(t=>{l.value?.registerValue?.(o.value),t(()=>l.value?.cancelValue?.(o.value))}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(b.value),class:e.normalizeClass(y.value),onClick:e.withModifiers(B,["stop"])},[a.value.loading?(e.openBlock(),e.createBlock(e.unref(z.Skeleton),{key:0,active:""})):e.renderSlot(t.$slots,"default",{key:1,checked:e.unref(r)},()=>[s.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(s.value),{key:0})):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(p.value),{key:1})):e.createCommentVNode("",!0)]),e.unref(r)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(u)("checked-icon"))},[e.createElementVNode("img",{src:e.unref(N.default)},null,8,_)],2)):e.createCommentVNode("",!0)],6))}});exports.default=w;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),S=require("@aplus-frontend/antdv"),V=require("lodash-unified");require("../render/index.js");require("../config-provider/index.js");require("../hooks/index.js");const q=require("./checked.svg.js"),N=require("./context.js"),P=require("./style/index.js"),_=require("../config-provider/hooks/use-namespace.js"),w=require("../hooks/useControllableValue.js"),m=require("../render/render.js"),E=["src"],T=e.defineComponent({name:"CheckCard",__name:"index",props:{bordered:{type:Boolean,default:!0},disabled:{type:Boolean},loading:{type:Boolean},size:{default:"middle"},stopPropagation:{type:[Boolean,Function],default:!1},indicatorSize:{default:void 0},style:{default:void 0},checked:{type:Boolean,default:void 0},"onUpdate:checked":{},defaultChecked:{type:Boolean},value:{type:[String,Number,Boolean]},title:{},content:{}},emits:["update:checked"],setup(v,{emit:k}){const l=v,{b:g,m:u,e:c,em:d}=_.useNamespace("check-card"),h=P.default("check-card"),b=k,r=N.useInjectCheckCard(),{value:o,updateValue:i}=w.useControllableValue(l,b,{valuePropName:"checked",defaultValuePropName:"defaultChecked"}),a=e.computed(()=>{const t={...l},n=e.unref(r);return n&&(t.disabled=t.disabled||n.disabled,t.bordered=t.bordered||n.bordered,t.loading=t.loading||n.loading,t.size=t.size||n.size,t.indicatorSize=t.indicatorSize||n.indicatorSize,t.stopPropagation=t.stopPropagation||n.stopPropagation,t.style=t.style?t.style:n.style),t}),y=e.computed(()=>{const t=e.unref(a);return[g(),u(t.size),e.unref(o)?u("checked"):null,t.bordered?u("bordered"):null,t.disabled?u("disabled"):null,h.value]}),C=e.computed(()=>{const t=e.unref(a);return{...t.style||{},"--check-card-indicator-size":`${t.indicatorSize||14}px`}});function s(t,n){return t==null?null:V.isFunction(t)?t(n):e.createVNode(e.Fragment,null,[t])}const f=e.computed(()=>s(l.title,e.unref(o))),p=e.computed(()=>s(l.content,e.unref(o)));function B(t){const n=e.unref(a).stopPropagation;return n?n===!0?t.target!==t.currentTarget:n(t):!1}function z(t){B(t)||a.value.loading||a.value.disabled||(r.value?r.value?.toggleOption?.(l.value):i(!e.unref(o)))}return e.watch(()=>r.value,t=>{if(!t)return;const n=t.multiple?(t.value||[]).includes(l.value):t.value===l.value;i(n)},{immediate:!0}),e.watchEffect(t=>{r.value?.registerValue?.(l.value),t(()=>r.value?.cancelValue?.(l.value))}),(t,n)=>(e.openBlock(),e.createElementBlock("div",{style:e.normalizeStyle(C.value),class:e.normalizeClass(y.value),onClick:e.withModifiers(z,["stop"])},[a.value.loading?(e.openBlock(),e.createBlock(e.unref(S.Skeleton),{key:0,active:""})):e.renderSlot(t.$slots,"default",{key:1,checked:e.unref(o)},()=>[f.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass([e.unref(c)("title"),a.value.disabled?e.unref(d)("title","disabled"):null])},[e.createVNode(e.unref(m.default),{node:f.value},null,8,["node"])],2)):e.createCommentVNode("",!0),p.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass([e.unref(c)("content"),a.value.disabled?e.unref(d)("content","disabled"):null])},[e.createVNode(e.unref(m.default),{node:p.value},null,8,["node"])],2)):e.createCommentVNode("",!0)]),e.unref(o)?(e.openBlock(),e.createElementBlock("div",{key:2,class:e.normalizeClass(e.unref(c)("checked-icon"))},[e.createElementVNode("img",{src:e.unref(q.default)},null,8,E)],2)):e.createCommentVNode("",!0)],6))}});exports.default=T;

package/lib/src/hooks/index.d.ts

@@ -1,4 +1,3 @@
-export { useMessage } from './useMessage';
 export { useControllableValue } from './useControllableValue';
 export { useManualRef } from './useManualRef';
 export { useThrottleRef } from './useThrottleRef';

package/lib/src/hooks/index.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useMessage.js"),u=require("./useControllableValue.js"),s=require("./useManualRef.js"),l=require("./useThrottleRef.js"),r=require("./useFullScreen.js"),t=require("./useResize.js");exports.useMessage=e.useMessage;exports.useControllableValue=u.useControllableValue;exports.useManualRef=s.useManualRef;exports.useThrottleRef=l.useThrottleRef;exports.useFullScreen=r.useFullScreen;exports.useResize=t.useResize;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./useControllableValue.js"),u=require("./useManualRef.js"),l=require("./useThrottleRef.js"),s=require("./useFullScreen.js"),r=require("./useResize.js");exports.useControllableValue=e.useControllableValue;exports.useManualRef=u.useManualRef;exports.useThrottleRef=l.useThrottleRef;exports.useFullScreen=s.useFullScreen;exports.useResize=r.useResize;

package/lib/src/version.d.ts

@@ -1,2 +1,2 @@
-declare const _default: "7.17.1";
+declare const _default: "7.17.2";
 export default _default;

package/lib/src/version.js

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.17.1";exports.default=e;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="7.17.2";exports.default=e;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aplus-frontend/ui",
-  "version": "7.17.1",
+  "version": "7.17.2",
   "main": "./lib/index.js",
   "type": "module",
   "typings": "./lib/index.d.ts",

package/es/src/hooks/useMessage.d.ts

@@ -1,62 +0,0 @@
-import { ModalFuncProps } from '@aplus-frontend/antdv/lib/modal/Modal';
-import { NotificationArgsProps, ConfigProps } from '@aplus-frontend/antdv/lib/notification';
-import { ModalFuncProps } from '@aplus-frontend/antdv';
-import { MessageApi } from '@aplus-frontend/antdv/es/message';
-export interface NotifyApi {
-    info(config: NotificationArgsProps): void;
-    success(config: NotificationArgsProps): void;
-    error(config: NotificationArgsProps): void;
-    warn(config: NotificationArgsProps): void;
-    warning(config: NotificationArgsProps): void;
-    open(args: NotificationArgsProps): void;
-    close(key: string): void;
-    config(options: ConfigProps): void;
-    destroy(): void;
-}
-export declare type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-export declare type IconType = 'success' | 'info' | 'error' | 'warning';
-export interface ModalOptionsEx extends Omit<ModalFuncProps, 'iconType'> {
-    iconType: 'warning' | 'success' | 'error' | 'info';
-}
-export type ModalOptionsPartial = Partial<ModalOptionsEx> & Pick<ModalOptionsEx, 'content'>;
-/**
- * @description: Create confirmation box
- */
-declare function createConfirm(options: ModalOptionsEx): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createSuccessModal(options: ModalOptionsPartial): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createErrorModal(options: ModalOptionsPartial): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createInfoModal(options: ModalOptionsPartial): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createWarningModal(options: ModalOptionsPartial): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createModal(options: ModalOptionsPartial, type: IconType): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-/**
- * @description: message
- */
-export declare function useMessage(): {
-    createMessage: MessageApi;
-    notification: NotifyApi;
-    createConfirm: typeof createConfirm;
-    createSuccessModal: typeof createSuccessModal;
-    createErrorModal: typeof createErrorModal;
-    createInfoModal: typeof createInfoModal;
-    createWarningModal: typeof createWarningModal;
-    createModal: typeof createModal;
-};
-export {};

package/es/src/hooks/useMessage.mjs

@@ -1,86 +0,0 @@
-import { createVNode as o } from "vue";
-import { InfoCircleFilled as c, CheckCircleFilled as s, CloseCircleFilled as f } from "@ant-design/icons-vue";
-import { Modal as r, notification as i, message as d } from "@aplus-frontend/antdv";
-import { isString as m } from "lodash-unified";
-import "../config-provider/index.mjs";
-import { useLocale as g } from "../config-provider/hooks/use-locale.mjs";
-function l(e) {
-  return e === "warning" ? o(c, {
-    class: "modal-icon-warning"
-  }, null) : e === "success" ? o(s, {
-    class: "modal-icon-success"
-  }, null) : e === "info" ? o(c, {
-    class: "modal-icon-info"
-  }, null) : o(f, {
-    class: "modal-icon-error"
-  }, null);
-}
-function a({
-  content: e
-}) {
-  return m(e) ? o("div", {
-    innerHTML: `<div>${e}</div>`
-  }, null) : e;
-}
-function p(e) {
-  const n = e.iconType || "warning";
-  Reflect.deleteProperty(e, "iconType");
-  const u = {
-    centered: !0,
-    icon: l(n),
-    ...e,
-    content: a(e)
-  };
-  return r.confirm(u);
-}
-const M = () => {
-  const {
-    t: e
-  } = g();
-  return {
-    okText: e("ap.common.okText"),
-    centered: !0
-  };
-};
-function t(e, n) {
-  return {
-    ...M(),
-    ...e,
-    content: a(e),
-    icon: l(n)
-  };
-}
-function C(e) {
-  return r.success(t(e, "success"));
-}
-function w(e) {
-  return r.error(t(e, "error"));
-}
-function T(e) {
-  return r.info(t(e, "info"));
-}
-function k(e) {
-  return r.warning(t(e, "warning"));
-}
-function v(e, n) {
-  return r[n](t(e, n));
-}
-i.config({
-  placement: "topRight",
-  duration: 3
-});
-function R() {
-  return {
-    createMessage: d,
-    notification: i,
-    createConfirm: p,
-    createSuccessModal: C,
-    createErrorModal: w,
-    createInfoModal: T,
-    createWarningModal: k,
-    createModal: v
-  };
-}
-export {
-  R as useMessage
-};

package/lib/src/hooks/useMessage.d.ts

@@ -1,62 +0,0 @@
-import { ModalFuncProps } from '@aplus-frontend/antdv/lib/modal/Modal';
-import { NotificationArgsProps, ConfigProps } from '@aplus-frontend/antdv/lib/notification';
-import { ModalFuncProps } from '@aplus-frontend/antdv';
-import { MessageApi } from '@aplus-frontend/antdv/es/message';
-export interface NotifyApi {
-    info(config: NotificationArgsProps): void;
-    success(config: NotificationArgsProps): void;
-    error(config: NotificationArgsProps): void;
-    warn(config: NotificationArgsProps): void;
-    warning(config: NotificationArgsProps): void;
-    open(args: NotificationArgsProps): void;
-    close(key: string): void;
-    config(options: ConfigProps): void;
-    destroy(): void;
-}
-export declare type NotificationPlacement = 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight';
-export declare type IconType = 'success' | 'info' | 'error' | 'warning';
-export interface ModalOptionsEx extends Omit<ModalFuncProps, 'iconType'> {
-    iconType: 'warning' | 'success' | 'error' | 'info';
-}
-export type ModalOptionsPartial = Partial<ModalOptionsEx> & Pick<ModalOptionsEx, 'content'>;
-/**
- * @description: Create confirmation box
- */
-declare function createConfirm(options: ModalOptionsEx): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createSuccessModal(options: ModalOptionsPartial): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createErrorModal(options: ModalOptionsPartial): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createInfoModal(options: ModalOptionsPartial): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createWarningModal(options: ModalOptionsPartial): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-declare function createModal(options: ModalOptionsPartial, type: IconType): {
-    destroy: () => void;
-    update: (newConfig: ModalFuncProps) => void;
-};
-/**
- * @description: message
- */
-export declare function useMessage(): {
-    createMessage: MessageApi;
-    notification: NotifyApi;
-    createConfirm: typeof createConfirm;
-    createSuccessModal: typeof createSuccessModal;
-    createErrorModal: typeof createErrorModal;
-    createInfoModal: typeof createInfoModal;
-    createWarningModal: typeof createWarningModal;
-    createModal: typeof createModal;
-};
-export {};

package/lib/src/hooks/useMessage.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue"),c=require("@ant-design/icons-vue"),n=require("@aplus-frontend/antdv"),u=require("lodash-unified");require("../config-provider/index.js");const s=require("../config-provider/hooks/use-locale.js");function i(e){return e==="warning"?o.createVNode(c.InfoCircleFilled,{class:"modal-icon-warning"},null):e==="success"?o.createVNode(c.CheckCircleFilled,{class:"modal-icon-success"},null):e==="info"?o.createVNode(c.InfoCircleFilled,{class:"modal-icon-info"},null):o.createVNode(c.CloseCircleFilled,{class:"modal-icon-error"},null)}function a({content:e}){return u.isString(e)?o.createVNode("div",{innerHTML:`<div>${e}</div>`},null):e}function d(e){const r=e.iconType||"warning";Reflect.deleteProperty(e,"iconType");const l={centered:!0,icon:i(r),...e,content:a(e)};return n.Modal.confirm(l)}const f=()=>{const{t:e}=s.useLocale();return{okText:e("ap.common.okText"),centered:!0}};function t(e,r){return{...f(),...e,content:a(e),icon:i(r)}}function g(e){return n.Modal.success(t(e,"success"))}function M(e){return n.Modal.error(t(e,"error"))}function m(e){return n.Modal.info(t(e,"info"))}function C(e){return n.Modal.warning(t(e,"warning"))}function q(e,r){return n.Modal[r](t(e,r))}n.notification.config({placement:"topRight",duration:3});function v(){return{createMessage:n.message,notification:n.notification,createConfirm:d,createSuccessModal:g,createErrorModal:M,createInfoModal:m,createWarningModal:C,createModal:q}}exports.useMessage=v;