@v-miniapp/ui-react 1.0.60 → 1.0.71

package/dist-storybook/assets/uploader.stories-DQN8yjt-.js

@@ -1,65 +0,0 @@
-import{j as o,r as g}from"./iframe-C0PGuV5s.js";import{U as d}from"./chip-D4_ukvFv.js";import{t as e}from"./store-BmYgrUro.js";import{T as b,S as h,M as u,P as v,a as y}from"./blocks-D4qvS4eZ.js";import"./preload-helper-PPVm8Dsz.js";import"./icon-CgGksgRS.js";import"./colors-_6nFGM3e.js";import"./app-B__CxZQv.js";import"./index-BLzgbpm2.js";import"./react-zqqxT5R_.js";import"./button-CbLEqALK.js";import"./typography-BcLxefPi.js";import"./image-BdsCB1je.js";import"./visibility-sensor-FN9n9CLs.js";import"./index-B-Ksafg0.js";import"./toast-provider-ChNGFQlt.js";import"./proxy-edvPwIiD.js";import"./navigation-bar-TpF0DSXB.js";import"./_baseClone-4nOrhHpR.js";import"./bottom-tab-bar-UaYvPAic.js";import"./carousel-C1nQGnJZ.js";import"./embla-carousel-react.esm-Pp2OIUrN.js";import"./pagination-MBP1YLhT.js";import"./sheet-footer-BL2JAvmb.js";import"./dialog-8K5u-kre.js";import"./section-content-dVOJuOaN.js";import"./option-item-Bmby544G.js";import"./index-DWjPAWoJ.js";import"./alert-D3VdqAYm.js";import"./skeleton-CmGRbWqE.js";import"./label-CHVpMhb5.js";import"./input-wrapper-DkEl0Eih.js";import"./omit-D04qL5V_.js";import"./text-field-DrODy0yz.js";import"./number-field-CvCF5adO.js";import"./checkbox-Bs8ghsWP.js";import"./radio-DRPO7cjx.js";import"./date-field-range-DSAQp9qR.js";import"./calendar-C7tiySn0.js";import"./date-C1W0DfQy.js";import"./date-picker--PiU9sOL.js";import"./search-field-CophTGGH.js";import"./text-area-WRb8Dkvn.js";import"./dropdown-BeoO7m-R.js";import"./avatar-BVV1WSnD.js";import"./badge-DLt8CmDs.js";import"./switch-Cc-NvT4X.js";import"./tab-bar-DTyg7tFP.js";import"./rating-CTv8C1tH.js";import"./tooltip-CrxOWTXS.js";import"./index-1AHvPexM.js";const w=()=>{const r=`
-## ${e("common.table.title")}
-| ${e("common.table.name")} | ${e("common.table.type")} | ${e("common.table.required")} | ${e("common.table.description")} |
-| :--- | :--- | :---: | :--- |
-| \`value\` | \`IFileUpload[]\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.valueDescription")} |
-| \`onChange\` | \`(files: IFileUpload[]) => void\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.onChangeDescription")} |
-| \`limit\` | \`number\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.limitDescription")} |
-| \`disabled\` | \`boolean\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.disabledDescription")} |
-| \`showPreview\` | \`boolean\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.showPreviewDescription")} |
-| \`includeBase64\` | \`boolean\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.includeBase64Description")} |
-| \`className\` | \`string\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.classNameDescription")} |
-| \`...props\` | \`ComponentPropsWithRef<'div'>\` | ${e("common.table.no")} | ${e("components.uploader.argTypes.propsDescription")} |
-`;return o.jsxs(o.Fragment,{children:[o.jsx(b,{}),o.jsx(h,{}),o.jsx(u,{children:e("components.uploader.description")}),o.jsx(v,{}),o.jsx(u,{children:r}),o.jsx(y,{})]})},ve={title:"Components/Uploader",component:d,parameters:{layout:"padded",docs:{page:w}},tags:["autodocs"],argTypes:{value:{control:!1,description:e("components.uploader.argTypes.valueDescription"),table:{type:{summary:"IFileUpload[]"}}},onChange:{action:"changed",description:e("components.uploader.argTypes.onChangeDescription"),table:{type:{summary:"(files: IFileUpload[]) => void"}}},limit:{control:{type:"number",min:1,max:10,step:1},description:e("components.uploader.argTypes.limitDescription"),table:{type:{summary:"number"}}},disabled:{control:"boolean",description:e("components.uploader.argTypes.disabledDescription"),table:{type:{summary:"boolean"}}},showPreview:{control:"boolean",description:e("components.uploader.argTypes.showPreviewDescription"),table:{type:{summary:"boolean"}}},includeBase64:{control:"boolean",description:e("components.uploader.argTypes.includeBase64Description"),table:{type:{summary:"boolean"}}},className:{control:"text",description:e("components.uploader.argTypes.classNameDescription"),table:{type:{summary:"string"}}}}},t={name:e("components.uploader.stories.default.name"),args:{}},s={name:e("components.uploader.stories.controlled.name"),render:()=>{const[r,c]=g.useState([]);return o.jsx(d,{value:r,onChange:c})}},n={name:e("components.uploader.stories.withLimit.name"),args:{limit:3}},a={name:e("components.uploader.stories.withPreview.name"),args:{showPreview:!0}},i={name:e("components.uploader.stories.disabled.name"),args:{disabled:!0}},p={name:e("components.uploader.stories.singleFile.name"),args:{limit:1,showPreview:!0}},m={name:e("components.uploader.stories.multipleFiles.name"),args:{limit:5,showPreview:!0}},l={name:e("components.uploader.stories.interactive.name"),render:()=>{const[r,c]=g.useState([]);return o.jsxs("div",{children:[o.jsx(d,{value:r,onChange:c,showPreview:!0,limit:3}),o.jsx("p",{style:{marginTop:"16px",fontSize:"14px"},children:e("components.uploader.stories.interactive.filesUploaded",{count:r.length})})]})}};t.parameters={...t.parameters,docs:{...t.parameters?.docs,source:{originalSource:`{
-  name: t('components.uploader.stories.default.name'),
-  args: {}
-}`,...t.parameters?.docs?.source}}};s.parameters={...s.parameters,docs:{...s.parameters?.docs,source:{originalSource:`{
-  name: t('components.uploader.stories.controlled.name'),
-  render: () => {
-    const [files, setFiles] = useState<IFileUpload[]>([]);
-    return <Uploader value={files} onChange={setFiles} />;
-  }
-}`,...s.parameters?.docs?.source}}};n.parameters={...n.parameters,docs:{...n.parameters?.docs,source:{originalSource:`{
-  name: t('components.uploader.stories.withLimit.name'),
-  args: {
-    limit: 3
-  }
-}`,...n.parameters?.docs?.source}}};a.parameters={...a.parameters,docs:{...a.parameters?.docs,source:{originalSource:`{
-  name: t('components.uploader.stories.withPreview.name'),
-  args: {
-    showPreview: true
-  }
-}`,...a.parameters?.docs?.source}}};i.parameters={...i.parameters,docs:{...i.parameters?.docs,source:{originalSource:`{
-  name: t('components.uploader.stories.disabled.name'),
-  args: {
-    disabled: true
-  }
-}`,...i.parameters?.docs?.source}}};p.parameters={...p.parameters,docs:{...p.parameters?.docs,source:{originalSource:`{
-  name: t('components.uploader.stories.singleFile.name'),
-  args: {
-    limit: 1,
-    showPreview: true
-  }
-}`,...p.parameters?.docs?.source}}};m.parameters={...m.parameters,docs:{...m.parameters?.docs,source:{originalSource:`{
-  name: t('components.uploader.stories.multipleFiles.name'),
-  args: {
-    limit: 5,
-    showPreview: true
-  }
-}`,...m.parameters?.docs?.source}}};l.parameters={...l.parameters,docs:{...l.parameters?.docs,source:{originalSource:`{
-  name: t('components.uploader.stories.interactive.name'),
-  render: () => {
-    const [files, setFiles] = useState<IFileUpload[]>([]);
-    return <div>
-        <Uploader value={files} onChange={setFiles} showPreview limit={3} />
-        <p style={{
-        marginTop: '16px',
-        fontSize: '14px'
-      }}>
-          {t('components.uploader.stories.interactive.filesUploaded', {
-          count: files.length
-        })}
-        </p>
-      </div>;
-  }
-}`,...l.parameters?.docs?.source}}};const ye=["Default","Controlled","WithLimit","WithPreview","Disabled","SingleFile","MultipleFiles","Interactive"];export{s as Controlled,t as Default,i as Disabled,l as Interactive,m as MultipleFiles,p as SingleFile,n as WithLimit,a as WithPreview,ye as __namedExportsOrder,ve as default};

package/dist-storybook/assets/visibility-sensor-FN9n9CLs.js

@@ -1 +0,0 @@
-import{r as w,j as N}from"./iframe-C0PGuV5s.js";import{i as B,b as F,_ as V,c as P,d as C}from"./index-B-Ksafg0.js";function U(o,s){if(o===s)return!0;for(var a=0;a<o.length;a++)if(!Object.is(o[a],s[a]))return!1;return!0}function j(o){var s=w.useRef(o);return s.current=o,s}var W=function(o){var s=j(o);w.useEffect(function(){return function(){s.current()}},[])},H=!!(typeof window<"u"&&window.document&&window.document.createElement);function A(o,s){if(H){if(!o)return s;var a;return B(o)?a=o():"current"in o?a=o.current:a=o,a}}var z=function(o){var s=function(a,h,v){var d=w.useRef(!1),u=w.useRef([]),O=w.useRef([]),m=w.useRef(void 0);o(function(){var p,D=Array.isArray(v)?v:[v],E=D.map(function(b){return A(b)});if(!d.current){d.current=!0,u.current=E,O.current=h,m.current=a();return}(E.length!==u.current.length||!U(u.current,E)||!U(O.current,h))&&((p=m.current)===null||p===void 0||p.call(m),u.current=E,O.current=h,m.current=a())}),W(function(){var p;(p=m.current)===null||p===void 0||p.call(m),d.current=!1})};return s},$=z(w.useEffect),k={},q;function G(){return q||(q=1,(function(){if(typeof window!="object")return;if("IntersectionObserver"in window&&"IntersectionObserverEntry"in window&&"intersectionRatio"in window.IntersectionObserverEntry.prototype){"isIntersecting"in window.IntersectionObserverEntry.prototype||Object.defineProperty(window.IntersectionObserverEntry.prototype,"isIntersecting",{get:function(){return this.intersectionRatio>0}});return}function o(t){try{return t.defaultView&&t.defaultView.frameElement||null}catch{return null}}var s=(function(t){for(var e=t,r=o(e);r;)e=r.ownerDocument,r=o(e);return e})(window.document),a=[],h=null,v=null;function d(t){this.time=t.time,this.target=t.target,this.rootBounds=_(t.rootBounds),this.boundingClientRect=_(t.boundingClientRect),this.intersectionRect=_(t.intersectionRect||R()),this.isIntersecting=!!t.intersectionRect;var e=this.boundingClientRect,r=e.width*e.height,n=this.intersectionRect,i=n.width*n.height;r?this.intersectionRatio=Number((i/r).toFixed(4)):this.intersectionRatio=this.isIntersecting?1:0}function u(t,e){var r=e||{};if(typeof t!="function")throw new Error("callback must be a function");if(r.root&&r.root.nodeType!=1&&r.root.nodeType!=9)throw new Error("root must be a Document or Element");this._checkForIntersections=m(this._checkForIntersections.bind(this),this.THROTTLE_TIMEOUT),this._callback=t,this._observationTargets=[],this._queuedEntries=[],this._rootMarginValues=this._parseRootMargin(r.rootMargin),this.thresholds=this._initThresholds(r.threshold),this.root=r.root||null,this.rootMargin=this._rootMarginValues.map(function(n){return n.value+n.unit}).join(" "),this._monitoringDocuments=[],this._monitoringUnsubscribes=[]}u.prototype.THROTTLE_TIMEOUT=100,u.prototype.POLL_INTERVAL=null,u.prototype.USE_MUTATION_OBSERVER=!0,u._setupCrossOriginUpdater=function(){return h||(h=function(t,e){!t||!e?v=R():v=x(t,e),a.forEach(function(r){r._checkForIntersections()})}),h},u._resetCrossOriginUpdater=function(){h=null,v=null},u.prototype.observe=function(t){var e=this._observationTargets.some(function(r){return r.element==t});if(!e){if(!(t&&t.nodeType==1))throw new Error("target must be an Element");this._registerInstance(),this._observationTargets.push({element:t,entry:null}),this._monitorIntersections(t.ownerDocument),this._checkForIntersections()}},u.prototype.unobserve=function(t){this._observationTargets=this._observationTargets.filter(function(e){return e.element!=t}),this._unmonitorIntersections(t.ownerDocument),this._observationTargets.length==0&&this._unregisterInstance()},u.prototype.disconnect=function(){this._observationTargets=[],this._unmonitorAllIntersections(),this._unregisterInstance()},u.prototype.takeRecords=function(){var t=this._queuedEntries.slice();return this._queuedEntries=[],t},u.prototype._initThresholds=function(t){var e=t||[0];return Array.isArray(e)||(e=[e]),e.sort().filter(function(r,n,i){if(typeof r!="number"||isNaN(r)||r<0||r>1)throw new Error("threshold must be a number between 0 and 1 inclusively");return r!==i[n-1]})},u.prototype._parseRootMargin=function(t){var e=t||"0px",r=e.split(/\s+/).map(function(n){var i=/^(-?\d*\.?\d+)(px|%)$/.exec(n);if(!i)throw new Error("rootMargin must be specified in pixels or percent");return{value:parseFloat(i[1]),unit:i[2]}});return r[1]=r[1]||r[0],r[2]=r[2]||r[0],r[3]=r[3]||r[1],r},u.prototype._monitorIntersections=function(t){var e=t.defaultView;if(e&&this._monitoringDocuments.indexOf(t)==-1){var r=this._checkForIntersections,n=null,i=null;this.POLL_INTERVAL?n=e.setInterval(r,this.POLL_INTERVAL):(p(e,"resize",r,!0),p(t,"scroll",r,!0),this.USE_MUTATION_OBSERVER&&"MutationObserver"in e&&(i=new e.MutationObserver(r),i.observe(t,{attributes:!0,childList:!0,characterData:!0,subtree:!0}))),this._monitoringDocuments.push(t),this._monitoringUnsubscribes.push(function(){var l=t.defaultView;l&&(n&&l.clearInterval(n),D(l,"resize",r,!0)),D(t,"scroll",r,!0),i&&i.disconnect()});var f=this.root&&(this.root.ownerDocument||this.root)||s;if(t!=f){var c=o(t);c&&this._monitorIntersections(c.ownerDocument)}}},u.prototype._unmonitorIntersections=function(t){var e=this._monitoringDocuments.indexOf(t);if(e!=-1){var r=this.root&&(this.root.ownerDocument||this.root)||s,n=this._observationTargets.some(function(c){var l=c.element.ownerDocument;if(l==t)return!0;for(;l&&l!=r;){var g=o(l);if(l=g&&g.ownerDocument,l==t)return!0}return!1});if(!n){var i=this._monitoringUnsubscribes[e];if(this._monitoringDocuments.splice(e,1),this._monitoringUnsubscribes.splice(e,1),i(),t!=r){var f=o(t);f&&this._unmonitorIntersections(f.ownerDocument)}}}},u.prototype._unmonitorAllIntersections=function(){var t=this._monitoringUnsubscribes.slice(0);this._monitoringDocuments.length=0,this._monitoringUnsubscribes.length=0;for(var e=0;e<t.length;e++)t[e]()},u.prototype._checkForIntersections=function(){if(!(!this.root&&h&&!v)){var t=this._rootIsInDom(),e=t?this._getRootRect():R();this._observationTargets.forEach(function(r){var n=r.element,i=b(n),f=this._rootContainsTarget(n),c=r.entry,l=t&&f&&this._computeTargetAndRootIntersection(n,i,e),g=null;this._rootContainsTarget(n)?(!h||this.root)&&(g=e):g=R();var T=r.entry=new d({time:O(),target:n,boundingClientRect:i,rootBounds:g,intersectionRect:l});c?t&&f?this._hasCrossedThreshold(c,T)&&this._queuedEntries.push(T):c&&c.isIntersecting&&this._queuedEntries.push(T):this._queuedEntries.push(T)},this),this._queuedEntries.length&&this._callback(this.takeRecords(),this)}},u.prototype._computeTargetAndRootIntersection=function(t,e,r){if(window.getComputedStyle(t).display!="none"){for(var n=e,i=y(t),f=!1;!f&&i;){var c=null,l=i.nodeType==1?window.getComputedStyle(i):{};if(l.display=="none")return null;if(i==this.root||i.nodeType==9)if(f=!0,i==this.root||i==s)h&&!this.root?!v||v.width==0&&v.height==0?(i=null,c=null,n=null):c=v:c=r;else{var g=y(i),T=g&&b(g),L=g&&this._computeTargetAndRootIntersection(g,T,r);T&&L?(i=g,c=x(T,L)):(i=null,n=null)}else{var S=i.ownerDocument;i!=S.body&&i!=S.documentElement&&l.overflow!="visible"&&(c=b(i))}if(c&&(n=E(c,n)),!n)break;i=i&&y(i)}return n}},u.prototype._getRootRect=function(){var t;if(this.root&&!I(this.root))t=b(this.root);else{var e=I(this.root)?this.root:s,r=e.documentElement,n=e.body;t={top:0,left:0,right:r.clientWidth||n.clientWidth,width:r.clientWidth||n.clientWidth,bottom:r.clientHeight||n.clientHeight,height:r.clientHeight||n.clientHeight}}return this._expandRectByRootMargin(t)},u.prototype._expandRectByRootMargin=function(t){var e=this._rootMarginValues.map(function(n,i){return n.unit=="px"?n.value:n.value*(i%2?t.width:t.height)/100}),r={top:t.top-e[0],right:t.right+e[1],bottom:t.bottom+e[2],left:t.left-e[3]};return r.width=r.right-r.left,r.height=r.bottom-r.top,r},u.prototype._hasCrossedThreshold=function(t,e){var r=t&&t.isIntersecting?t.intersectionRatio||0:-1,n=e.isIntersecting?e.intersectionRatio||0:-1;if(r!==n)for(var i=0;i<this.thresholds.length;i++){var f=this.thresholds[i];if(f==r||f==n||f<r!=f<n)return!0}},u.prototype._rootIsInDom=function(){return!this.root||M(s,this.root)},u.prototype._rootContainsTarget=function(t){var e=this.root&&(this.root.ownerDocument||this.root)||s;return M(e,t)&&(!this.root||e==t.ownerDocument)},u.prototype._registerInstance=function(){a.indexOf(this)<0&&a.push(this)},u.prototype._unregisterInstance=function(){var t=a.indexOf(this);t!=-1&&a.splice(t,1)};function O(){return window.performance&&performance.now&&performance.now()}function m(t,e){var r=null;return function(){r||(r=setTimeout(function(){t(),r=null},e))}}function p(t,e,r,n){typeof t.addEventListener=="function"?t.addEventListener(e,r,n):typeof t.attachEvent=="function"&&t.attachEvent("on"+e,r)}function D(t,e,r,n){typeof t.removeEventListener=="function"?t.removeEventListener(e,r,n):typeof t.detachEvent=="function"&&t.detachEvent("on"+e,r)}function E(t,e){var r=Math.max(t.top,e.top),n=Math.min(t.bottom,e.bottom),i=Math.max(t.left,e.left),f=Math.min(t.right,e.right),c=f-i,l=n-r;return c>=0&&l>=0&&{top:r,bottom:n,left:i,right:f,width:c,height:l}||null}function b(t){var e;try{e=t.getBoundingClientRect()}catch{}return e?(e.width&&e.height||(e={top:e.top,right:e.right,bottom:e.bottom,left:e.left,width:e.right-e.left,height:e.bottom-e.top}),e):R()}function R(){return{top:0,bottom:0,left:0,right:0,width:0,height:0}}function _(t){return!t||"x"in t?t:{top:t.top,y:t.top,bottom:t.bottom,left:t.left,x:t.left,right:t.right,width:t.width,height:t.height}}function x(t,e){var r=e.top-t.top,n=e.left-t.left;return{top:r,left:n,height:e.height,width:e.width,bottom:r+e.height,right:n+e.width}}function M(t,e){for(var r=e;r;){if(r==t)return!0;r=y(r)}return!1}function y(t){var e=t.parentNode;return t.nodeType==9&&t!=s?o(t):(e&&e.assignedSlot&&(e=e.assignedSlot.parentNode),e&&e.nodeType==11&&e.host?e.host:e)}function I(t){return t&&t.nodeType===9}window.IntersectionObserver=u,window.IntersectionObserverEntry=d})()),k}G();function J(o,s){var a=s||{},h=a.callback,v=F(a,["callback"]),d=V(w.useState(),2),u=d[0],O=d[1],m=V(w.useState(),2),p=m[0],D=m[1];return $(function(){var E=Array.isArray(o)?o:[o],b=E.map(function(_){return A(_)}).filter(Boolean);if(b.length){var R=new IntersectionObserver(function(_){var x,M;try{for(var y=P(_),I=y.next();!I.done;I=y.next()){var t=I.value;D(t.intersectionRatio),O(t.isIntersecting),h?.(t)}}catch(e){x={error:e}}finally{try{I&&!I.done&&(M=y.return)&&M.call(y)}finally{if(x)throw x.error}}},C(C({},v),{root:A(s?.root)}));return b.forEach(function(_){return R.observe(_)}),function(){R.disconnect()}}},[s?.rootMargin,s?.threshold,h],o),[u,p]}const K=({onActive:o,options:s,className:a,style:h})=>{const v=w.useRef(null),[d]=J(v,s);return w.useEffect(()=>{d&&o()},[d,o]),N.jsx("div",{className:a,style:h,ref:v})};K.__docgenInfo={description:"",methods:[],displayName:"VisibilitySensor",props:{onActive:{required:!0,tsType:{name:"signature",type:"function",raw:"() => void",signature:{arguments:[],return:{name:"void"}}},description:""},options:{required:!1,tsType:{name:"Options"},description:""},className:{required:!1,tsType:{name:"string"},description:""},style:{required:!1,tsType:{name:"ReactCSSProperties",raw:"React.CSSProperties"},description:""}}};export{K as V};