@onereach/ui-components 2.69.5-beta.2146.0 → 2.69.5-beta.2156.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/bundled/v2/{OrCardCollection-f622df47.js → OrCardCollection-0a99b05d.js} +1 -1
- package/dist/bundled/v2/{OrCode-fc6876ec.js → OrCode-edc7a1f5.js} +17 -56
- package/dist/bundled/v2/{OrConfirm-cab6535b.js → OrConfirm-598e1e5f.js} +1 -1
- package/dist/bundled/v2/{OrInput-8b90e08f.js → OrInput-dd24c12a.js} +18 -11
- package/dist/bundled/v2/{OrInputBox-79ec54ad.js → OrInputBox-dfdcbdce.js} +4 -14
- package/dist/bundled/v2/{OrSearch-a11b3621.js → OrSearch-57e32e96.js} +2 -2
- package/dist/bundled/v2/{OrSelect-b20a9be0.js → OrSelect-e9664990.js} +8 -2
- package/dist/bundled/v2/{OrTextarea-5593fbe9.js → OrTextarea-ff2ba975.js} +2 -1
- package/dist/bundled/v2/components/index.js +9 -8
- package/dist/bundled/v2/components/or-card-collection-v3/index.js +5 -4
- package/dist/bundled/v2/components/or-code/index.js +1 -1
- package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +27 -0
- package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +98 -0
- package/dist/bundled/v2/components/or-combined-input-v3/index.d.ts +2 -0
- package/dist/bundled/v2/components/or-combined-input-v3/index.js +149 -0
- package/dist/bundled/v2/components/or-combined-input-v3/props.d.ts +1 -0
- package/dist/bundled/v2/components/or-combined-input-v3/styles.d.ts +2 -0
- package/dist/bundled/v2/components/or-confirm-v3/index.js +4 -3
- package/dist/bundled/v2/components/or-input-box-v3/index.js +2 -1
- package/dist/bundled/v2/components/or-input-v3/index.js +3 -2
- package/dist/bundled/v2/components/or-search-v3/index.js +4 -3
- package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +11 -0
- package/dist/bundled/v2/components/or-select-v3/index.js +4 -3
- package/dist/bundled/v2/components/or-textarea-v3/index.js +3 -2
- package/dist/bundled/v2/index.js +10 -9
- package/dist/bundled/v2/props-78496a2d.js +12 -0
- package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-15645a65.js → OrCardCollection.vue_vue_type_script_lang-7ea6bb76.js} +1 -1
- package/dist/bundled/v3/{OrCode.vue_vue_type_script_lang-c55de81d.js → OrCode.vue_vue_type_script_lang-ef5e7f04.js} +14 -53
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-f57ffa1a.js → OrConfirm.vue_vue_type_script_lang-a4f3eba0.js} +2 -2
- package/dist/bundled/v3/{OrInput-fa782fc1.js → OrInput-df58f2a6.js} +17 -14
- package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-f6d793d3.js → OrInput.vue_vue_type_script_lang-a9f3e530.js} +3 -2
- package/dist/bundled/v3/{OrInputBox-eb54d73d.js → OrInputBox-1b143e00.js} +1 -1
- package/dist/{esm/v2/OrInputBox-4d5a318d.js → bundled/v3/OrInputBox.vue_vue_type_script_lang-70dec655.js} +6 -57
- package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-0ae8a6dd.js → OrSearch.vue_vue_type_script_lang-3ca575f7.js} +3 -3
- package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-15285ce4.js → OrSelect.vue_vue_type_script_lang-034fc4a9.js} +9 -4
- package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-8e3531cd.js → OrTextarea.vue_vue_type_script_lang-115a1244.js} +3 -2
- package/dist/bundled/v3/components/index.js +11 -10
- package/dist/bundled/v3/components/or-card-collection-v3/index.js +7 -6
- package/dist/bundled/v3/components/or-code/index.js +1 -1
- package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +27 -0
- package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +98 -0
- package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts +2 -0
- package/dist/bundled/v3/components/or-combined-input-v3/index.js +132 -0
- package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts +1 -0
- package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts +2 -0
- package/dist/bundled/v3/components/or-confirm-v3/index.js +6 -5
- package/dist/bundled/v3/components/or-input-box-v3/index.js +2 -1
- package/dist/bundled/v3/components/or-input-v3/index.js +4 -3
- package/dist/bundled/v3/components/or-search-v3/index.js +6 -5
- package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +11 -0
- package/dist/bundled/v3/components/or-select-v3/index.js +6 -5
- package/dist/bundled/v3/components/or-textarea-v3/index.js +4 -3
- package/dist/bundled/v3/index.js +19 -17
- package/dist/bundled/v3/props-78496a2d.js +12 -0
- package/dist/esm/v2/{OrCardCollection-43aa4a3c.js → OrCardCollection-4a0a900c.js} +2 -2
- package/dist/esm/v2/{OrCode-d4400b42.js → OrCode-41dd5f9b.js} +4 -6
- package/dist/esm/v2/{OrConfirm-ec7aef0e.js → OrConfirm-7c909593.js} +1 -1
- package/dist/esm/v2/{OrInput-2f16a7ac.js → OrInput-3a7666e1.js} +18 -11
- package/dist/esm/v2/OrInputBox-ad7c1875.js +43 -0
- package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-5ee4ee45.js → esm/v2/OrInputBox.vue_rollup-plugin-vue_script-52a54a49.js} +5 -4
- package/dist/esm/v2/{OrSearch-62d91301.js → OrSearch-618e649d.js} +2 -2
- package/dist/esm/v2/{OrSelect-f0ff5a85.js → OrSelect-913f4a40.js} +8 -2
- package/dist/esm/v2/{OrTextarea-6712a150.js → OrTextarea-823d0529.js} +2 -1
- package/dist/esm/v2/components/index.js +9 -10
- package/dist/esm/v2/components/or-card-collection-v3/index.js +5 -4
- package/dist/esm/v2/components/or-code/index.js +1 -3
- package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +27 -0
- package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +98 -0
- package/dist/esm/v2/components/or-combined-input-v3/index.d.ts +2 -0
- package/dist/esm/v2/components/or-combined-input-v3/index.js +147 -0
- package/dist/esm/v2/components/or-combined-input-v3/props.d.ts +1 -0
- package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts +2 -0
- package/dist/esm/v2/components/or-confirm-v3/index.js +4 -3
- package/dist/esm/v2/components/or-input-box-v3/index.js +3 -2
- package/dist/esm/v2/components/or-input-v3/index.js +3 -2
- package/dist/esm/v2/components/or-search-v3/index.js +4 -3
- package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +11 -0
- package/dist/esm/v2/components/or-select-v3/index.js +4 -3
- package/dist/esm/v2/components/or-textarea-v3/index.js +3 -2
- package/dist/esm/v2/index.js +9 -10
- package/dist/esm/v3/{OrCardCollection-6b5e6b76.js → OrCardCollection-aa3bde6c.js} +2 -2
- package/dist/esm/v3/{OrCode-5ed69c23.js → OrCode-ee19a5e6.js} +1 -3
- package/dist/esm/v3/{OrConfirm-5d56cbd3.js → OrConfirm-3c91a2b3.js} +1 -1
- package/dist/esm/v3/{OrInput-41691fb3.js → OrInput-5c1c2041.js} +17 -14
- package/dist/esm/v3/{OrInputBox-5247ab25.js → OrInputBox-36c102a4.js} +2 -2
- package/dist/esm/v3/{OrSearch-aafb93b4.js → OrSearch-1d73323d.js} +2 -2
- package/dist/esm/v3/{OrSelect-7e813982.js → OrSelect-22e551f2.js} +8 -3
- package/dist/esm/v3/{OrTextarea-bb9ef3f2.js → OrTextarea-b3ecc40d.js} +1 -1
- package/dist/esm/v3/components/index.js +8 -10
- package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
- package/dist/esm/v3/components/or-code/index.js +1 -3
- package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +27 -0
- package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +98 -0
- package/dist/esm/v3/components/or-combined-input-v3/index.d.ts +2 -0
- package/dist/esm/v3/components/or-combined-input-v3/index.js +132 -0
- package/dist/esm/v3/components/or-combined-input-v3/props.d.ts +1 -0
- package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts +2 -0
- package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
- package/dist/esm/v3/components/or-input-box-v3/index.js +1 -1
- package/dist/esm/v3/components/or-input-v3/index.js +2 -2
- package/dist/esm/v3/components/or-search-v3/index.js +3 -3
- package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +11 -0
- package/dist/esm/v3/components/or-select-v3/index.js +3 -3
- package/dist/esm/v3/components/or-textarea-v3/index.js +2 -2
- package/dist/esm/v3/index.js +8 -10
- package/package.json +2 -3
- package/src/components/or-code/OrCode.vue +1 -3
- package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +7 -0
- package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +202 -0
- package/src/components/or-combined-input-v3/OrCombinedInput.vue +134 -0
- package/src/components/or-combined-input-v3/index.ts +2 -0
- package/src/components/or-combined-input-v3/props.ts +1 -0
- package/src/components/or-combined-input-v3/styles.ts +25 -0
- package/src/components/or-input-box-v3/styles.ts +3 -3
- package/src/components/or-input-v3/OrInput.vue +28 -22
- package/src/components/or-select-v3/OrSelect.stories3.ts +4 -0
- package/src/components/or-select-v3/OrSelect.vue +6 -0
|
@@ -6,7 +6,7 @@ import { O as OrButton } from './OrButton-4b99c680.js';
|
|
|
6
6
|
import { O as OrMenu } from './OrMenu-fa47c888.js';
|
|
7
7
|
import { O as OrMenuItem } from './OrMenuItem-26420908.js';
|
|
8
8
|
import { O as OrIcon } from './OrIcon-8625385f.js';
|
|
9
|
-
import { O as OrSearch } from './OrSearch-
|
|
9
|
+
import { O as OrSearch } from './OrSearch-57e32e96.js';
|
|
10
10
|
import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
|
|
11
11
|
|
|
12
12
|
const CardCollectionRoot = [
|
|
@@ -17853,11 +17853,7 @@ Comment or uncomment the current selection. Will use line comments
|
|
|
17853
17853
|
if available, otherwise falling back to block comments.
|
|
17854
17854
|
*/
|
|
17855
17855
|
const toggleComment = target => {
|
|
17856
|
-
let
|
|
17857
|
-
state
|
|
17858
|
-
} = target,
|
|
17859
|
-
line = state.doc.lineAt(state.selection.main.head),
|
|
17860
|
-
config = getConfig(target.state, line.from);
|
|
17856
|
+
let config = getConfig(target.state);
|
|
17861
17857
|
return config.line ? toggleLineComment(target) : config.block ? toggleBlockCommentByLine(target) : false;
|
|
17862
17858
|
};
|
|
17863
17859
|
function command(f, option) {
|
|
@@ -17891,7 +17887,7 @@ Comment or uncomment the lines around the current selection using
|
|
|
17891
17887
|
block comments.
|
|
17892
17888
|
*/
|
|
17893
17889
|
const toggleBlockCommentByLine = /*@__PURE__*/command((o, s) => changeBlockComment(o, s, selectedLineRanges(s)), 0 /* CommentOption.Toggle */);
|
|
17894
|
-
function getConfig(state, pos) {
|
|
17890
|
+
function getConfig(state, pos = state.selection.main.head) {
|
|
17895
17891
|
let data = state.languageDataAt("commentTokens", pos);
|
|
17896
17892
|
return data.length ? data[0] : {};
|
|
17897
17893
|
}
|
|
@@ -18013,7 +18009,7 @@ function changeLineComment(option, state, ranges = state.selection.ranges) {
|
|
|
18013
18009
|
let line = state.doc.lineAt(pos);
|
|
18014
18010
|
if (line.from > prevLine && (from == to || to > line.from)) {
|
|
18015
18011
|
prevLine = line.from;
|
|
18016
|
-
let token = getConfig(state,
|
|
18012
|
+
let token = getConfig(state, pos).line;
|
|
18017
18013
|
if (!token) continue;
|
|
18018
18014
|
let indent = /^\s*/.exec(line.text)[0].length;
|
|
18019
18015
|
let empty = indent == line.length;
|
|
@@ -18510,48 +18506,24 @@ const cursorLineUp = view => cursorByLine(view, false);
|
|
|
18510
18506
|
Move the selection one line down.
|
|
18511
18507
|
*/
|
|
18512
18508
|
const cursorLineDown = view => cursorByLine(view, true);
|
|
18513
|
-
function
|
|
18514
|
-
|
|
18515
|
-
let marginTop = 0,
|
|
18516
|
-
marginBottom = 0,
|
|
18517
|
-
height;
|
|
18518
|
-
if (selfScroll) {
|
|
18519
|
-
for (let source of view.state.facet(EditorView.scrollMargins)) {
|
|
18520
|
-
let margins = source(view);
|
|
18521
|
-
if (margins === null || margins === void 0 ? void 0 : margins.top) marginTop = Math.max(margins === null || margins === void 0 ? void 0 : margins.top, marginTop);
|
|
18522
|
-
if (margins === null || margins === void 0 ? void 0 : margins.bottom) marginBottom = Math.max(margins === null || margins === void 0 ? void 0 : margins.bottom, marginBottom);
|
|
18523
|
-
}
|
|
18524
|
-
height = view.scrollDOM.clientHeight - marginTop - marginBottom;
|
|
18525
|
-
} else {
|
|
18526
|
-
height = (view.dom.ownerDocument.defaultView || window).innerHeight;
|
|
18527
|
-
}
|
|
18528
|
-
return {
|
|
18529
|
-
marginTop,
|
|
18530
|
-
marginBottom,
|
|
18531
|
-
selfScroll,
|
|
18532
|
-
height: Math.max(view.defaultLineHeight, height - 5)
|
|
18533
|
-
};
|
|
18509
|
+
function pageHeight(view) {
|
|
18510
|
+
return Math.max(view.defaultLineHeight, Math.min(view.dom.clientHeight, innerHeight) - 5);
|
|
18534
18511
|
}
|
|
18535
18512
|
function cursorByPage(view, forward) {
|
|
18536
|
-
let page = pageInfo(view);
|
|
18537
18513
|
let {
|
|
18538
18514
|
state
|
|
18539
18515
|
} = view,
|
|
18540
18516
|
selection = updateSel(state.selection, range => {
|
|
18541
|
-
return range.empty ? view.moveVertically(range, forward,
|
|
18517
|
+
return range.empty ? view.moveVertically(range, forward, pageHeight(view)) : rangeEnd(range, forward);
|
|
18542
18518
|
});
|
|
18543
18519
|
if (selection.eq(state.selection)) return false;
|
|
18520
|
+
let startPos = view.coordsAtPos(state.selection.main.head);
|
|
18521
|
+
let scrollRect = view.scrollDOM.getBoundingClientRect();
|
|
18544
18522
|
let effect;
|
|
18545
|
-
if (
|
|
18546
|
-
|
|
18547
|
-
|
|
18548
|
-
|
|
18549
|
-
scrollBottom = scrollRect.bottom - page.marginBottom;
|
|
18550
|
-
if (startPos && startPos.top > scrollTop && startPos.bottom < scrollBottom) effect = EditorView.scrollIntoView(selection.main.head, {
|
|
18551
|
-
y: "start",
|
|
18552
|
-
yMargin: startPos.top - scrollTop
|
|
18553
|
-
});
|
|
18554
|
-
}
|
|
18523
|
+
if (startPos && startPos.top > scrollRect.top && startPos.bottom < scrollRect.bottom && startPos.top - scrollRect.top <= view.scrollDOM.scrollHeight - view.scrollDOM.scrollTop - view.scrollDOM.clientHeight) effect = EditorView.scrollIntoView(selection.main.head, {
|
|
18524
|
+
y: "start",
|
|
18525
|
+
yMargin: startPos.top - scrollRect.top
|
|
18526
|
+
});
|
|
18555
18527
|
view.dispatch(setSel(state, selection), {
|
|
18556
18528
|
effects: effect
|
|
18557
18529
|
});
|
|
@@ -18677,7 +18649,7 @@ Move the selection head one line down.
|
|
|
18677
18649
|
*/
|
|
18678
18650
|
const selectLineDown = view => selectByLine(view, true);
|
|
18679
18651
|
function selectByPage(view, forward) {
|
|
18680
|
-
return extendSel(view, range => view.moveVertically(range, forward,
|
|
18652
|
+
return extendSel(view, range => view.moveVertically(range, forward, pageHeight(view)));
|
|
18681
18653
|
}
|
|
18682
18654
|
/**
|
|
18683
18655
|
Move the selection head one page up.
|
|
@@ -19612,17 +19584,6 @@ const defaultKeymap = /*@__PURE__*/[{
|
|
|
19612
19584
|
key: "Alt-A",
|
|
19613
19585
|
run: toggleBlockComment
|
|
19614
19586
|
}].concat(standardKeymap);
|
|
19615
|
-
/**
|
|
19616
|
-
A binding that binds Tab to [`indentMore`](https://codemirror.net/6/docs/ref/#commands.indentMore) and
|
|
19617
|
-
Shift-Tab to [`indentLess`](https://codemirror.net/6/docs/ref/#commands.indentLess).
|
|
19618
|
-
Please see the [Tab example](../../examples/tab/) before using
|
|
19619
|
-
this.
|
|
19620
|
-
*/
|
|
19621
|
-
const indentWithTab = {
|
|
19622
|
-
key: "Tab",
|
|
19623
|
-
run: indentMore,
|
|
19624
|
-
shift: indentLess
|
|
19625
|
-
};
|
|
19626
19587
|
|
|
19627
19588
|
function crelt() {
|
|
19628
19589
|
var elt = arguments[0];
|
|
@@ -29543,7 +29504,7 @@ var script = defineComponent({
|
|
|
29543
29504
|
}
|
|
29544
29505
|
}),
|
|
29545
29506
|
// line wrapping
|
|
29546
|
-
lineWrapping ? EditorView.lineWrapping : undefined
|
|
29507
|
+
lineWrapping ? EditorView.lineWrapping : undefined]);
|
|
29547
29508
|
// Append Extensions (such as basic-setup)
|
|
29548
29509
|
if (this.extensions.length !== 0) _.merge(ext, this.extensions);
|
|
29549
29510
|
return ext;
|
|
@@ -29706,14 +29667,14 @@ var __vue_staticRenderFns__ = [];
|
|
|
29706
29667
|
/* style */
|
|
29707
29668
|
const __vue_inject_styles__ = function (inject) {
|
|
29708
29669
|
if (!inject) return;
|
|
29709
|
-
inject("data-v-
|
|
29710
|
-
source: "@keyframes spinAround-data-v-
|
|
29670
|
+
inject("data-v-2a2e4862_0", {
|
|
29671
|
+
source: "@keyframes spinAround-data-v-2a2e4862{from{transform:rotate(0)}to{transform:rotate(359deg)}}@keyframes fade-data-v-2a2e4862{from{opacity:1}to{opacity:0}}.or-code .fullscreen-button[data-v-2a2e4862]{width:2.25rem;height:2.25rem}.or-code .fullscreen-button>.or-icon[data-v-2a2e4862]{font-size:1.5rem}.or-code .footer .or-code-error[data-v-2a2e4862],.or-code .footer .or-code-hint[data-v-2a2e4862]{flex-shrink:1;transition-timing-function:var(--t-func);transition-duration:var(--t-duration);transition-property:height,opacity}.header[data-v-2a2e4862]{display:flex;flex-direction:row;align-items:center;height:36px}.header .actions[data-v-2a2e4862]{margin-left:auto}.header .actions[data-v-2a2e4862]:not(.is-visible){display:none}.or-code-editor[data-v-2a2e4862]{min-height:calc(1.4em + 8px);overflow:auto;font-size:var(--fs-0);border:1px solid var(--c-neutral-2);border-radius:var(--s-2)}.or-code-editor.is-invalid[data-v-2a2e4862]{border-color:var(--c-error)}.or-code-editor[data-v-2a2e4862]> *{width:100%;height:100%}.or-code[data-v-2a2e4862],.or-modal[data-v-2a2e4862] .content{display:flex;flex-direction:column}.or-code .or-code-editor[data-v-2a2e4862],.or-modal[data-v-2a2e4862] .content .or-code-editor{flex-grow:1;text-align:left!important}",
|
|
29711
29672
|
map: undefined,
|
|
29712
29673
|
media: undefined
|
|
29713
29674
|
});
|
|
29714
29675
|
};
|
|
29715
29676
|
/* scoped */
|
|
29716
|
-
const __vue_scope_id__ = "data-v-
|
|
29677
|
+
const __vue_scope_id__ = "data-v-2a2e4862";
|
|
29717
29678
|
/* module identifier */
|
|
29718
29679
|
const __vue_module_identifier__ = undefined;
|
|
29719
29680
|
/* functional template */
|
|
@@ -3,7 +3,7 @@ import { useMagicKeys, whenever } from '@vueuse/core';
|
|
|
3
3
|
import { l as logicAnd } from './index-17f264f9.js';
|
|
4
4
|
import { O as OrOverlay } from './OrOverlay-3c89d622.js';
|
|
5
5
|
import { O as OrButton, a as ButtonColor } from './OrButton-4b99c680.js';
|
|
6
|
-
import { O as OrInput } from './OrInput-
|
|
6
|
+
import { O as OrInput } from './OrInput-dd24c12a.js';
|
|
7
7
|
import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
8
8
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
9
9
|
|
|
@@ -3,8 +3,9 @@ import { O as OrError } from './OrError-aad17598.js';
|
|
|
3
3
|
import { O as OrHint } from './OrHint-f38a1940.js';
|
|
4
4
|
import { O as OrIcon } from './OrIcon-8625385f.js';
|
|
5
5
|
import { O as OrIconButton } from './OrIconButton-a215104c.js';
|
|
6
|
-
import { O as OrInputBox
|
|
6
|
+
import { O as OrInputBox } from './OrInputBox-dfdcbdce.js';
|
|
7
7
|
import { O as OrLabel } from './OrLabel-172c4b89.js';
|
|
8
|
+
import { a as InputBoxSize } from './props-78496a2d.js';
|
|
8
9
|
import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
|
|
9
10
|
import { defineComponent, getCurrentInstance, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
10
11
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
@@ -151,10 +152,10 @@ var __vue_render__ = function () {
|
|
|
151
152
|
var _vm = this;
|
|
152
153
|
var _h = _vm.$createElement;
|
|
153
154
|
var _c = _vm._self._c || _h;
|
|
154
|
-
return _c('div', {
|
|
155
|
+
return _c('div', _vm._b({
|
|
155
156
|
ref: "root",
|
|
156
157
|
class: _vm.rootStyles
|
|
157
|
-
}, [_vm.label ? [_c('OrLabel', {
|
|
158
|
+
}, 'div', _vm.$attrs, false), [_vm.label ? [_c('OrLabel', {
|
|
158
159
|
attrs: {
|
|
159
160
|
"control-id": _vm.controlId,
|
|
160
161
|
"variant": 'input',
|
|
@@ -176,7 +177,7 @@ var __vue_render__ = function () {
|
|
|
176
177
|
"readonly": _vm.readonly,
|
|
177
178
|
"disabled": _vm.disabled
|
|
178
179
|
}
|
|
179
|
-
}, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input',
|
|
180
|
+
}, [(_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'checkbox' ? _c('input', {
|
|
180
181
|
directives: [{
|
|
181
182
|
name: "model",
|
|
182
183
|
rawName: "v-model",
|
|
@@ -190,6 +191,8 @@ var __vue_render__ = function () {
|
|
|
190
191
|
"placeholder": _vm.placeholder,
|
|
191
192
|
"required": _vm.required,
|
|
192
193
|
"disabled": _vm.disabled,
|
|
194
|
+
"readonly": _vm.readonly,
|
|
195
|
+
"maxlength": _vm.maxLength,
|
|
193
196
|
"type": "checkbox"
|
|
194
197
|
},
|
|
195
198
|
domProps: {
|
|
@@ -225,7 +228,7 @@ var __vue_render__ = function () {
|
|
|
225
228
|
}
|
|
226
229
|
}
|
|
227
230
|
}
|
|
228
|
-
}
|
|
231
|
+
}) : (_vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type) === 'radio' ? _c('input', {
|
|
229
232
|
directives: [{
|
|
230
233
|
name: "model",
|
|
231
234
|
rawName: "v-model",
|
|
@@ -239,6 +242,8 @@ var __vue_render__ = function () {
|
|
|
239
242
|
"placeholder": _vm.placeholder,
|
|
240
243
|
"required": _vm.required,
|
|
241
244
|
"disabled": _vm.disabled,
|
|
245
|
+
"readonly": _vm.readonly,
|
|
246
|
+
"maxlength": _vm.maxLength,
|
|
242
247
|
"type": "radio"
|
|
243
248
|
},
|
|
244
249
|
domProps: {
|
|
@@ -261,7 +266,7 @@ var __vue_render__ = function () {
|
|
|
261
266
|
_vm.proxyModelValue = null;
|
|
262
267
|
}
|
|
263
268
|
}
|
|
264
|
-
}
|
|
269
|
+
}) : _c('input', {
|
|
265
270
|
directives: [{
|
|
266
271
|
name: "model",
|
|
267
272
|
rawName: "v-model",
|
|
@@ -275,6 +280,8 @@ var __vue_render__ = function () {
|
|
|
275
280
|
"placeholder": _vm.placeholder,
|
|
276
281
|
"required": _vm.required,
|
|
277
282
|
"disabled": _vm.disabled,
|
|
283
|
+
"readonly": _vm.readonly,
|
|
284
|
+
"maxlength": _vm.maxLength,
|
|
278
285
|
"type": _vm.type === 'password' && _vm.disclosed ? 'text' : _vm.type
|
|
279
286
|
},
|
|
280
287
|
domProps: {
|
|
@@ -300,7 +307,7 @@ var __vue_render__ = function () {
|
|
|
300
307
|
_vm.proxyModelValue = $event.target.value;
|
|
301
308
|
}
|
|
302
309
|
}
|
|
303
|
-
}
|
|
310
|
+
}), _vm._v(" "), _vm.type !== 'text' ? [_c('div', {
|
|
304
311
|
class: ['layout-row']
|
|
305
312
|
}, [_vm.type === 'password' ? [_c('OrIconButton', {
|
|
306
313
|
attrs: {
|
|
@@ -334,7 +341,7 @@ var __vue_render__ = function () {
|
|
|
334
341
|
"icon": 'search',
|
|
335
342
|
"variant": 'outlined'
|
|
336
343
|
}
|
|
337
|
-
})]] : _vm._e()], 2)]), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
|
|
344
|
+
})]] : _vm._e()], 2)] : _vm._e()], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint || _vm.maxLength ? [_c('OrHint', {
|
|
338
345
|
attrs: {
|
|
339
346
|
"disabled": _vm.disabled
|
|
340
347
|
},
|
|
@@ -363,14 +370,14 @@ var __vue_staticRenderFns__ = [];
|
|
|
363
370
|
/* style */
|
|
364
371
|
const __vue_inject_styles__ = function (inject) {
|
|
365
372
|
if (!inject) return;
|
|
366
|
-
inject("data-v-
|
|
367
|
-
source: "input[data-v-
|
|
373
|
+
inject("data-v-2cb9359c_0", {
|
|
374
|
+
source: "input[data-v-2cb9359c]{min-width:0;background:0 0;outline:0}input[type=number][data-v-2cb9359c]::-webkit-inner-spin-button{display:none}input[type=search][data-v-2cb9359c]::-webkit-search-cancel-button{display:none}",
|
|
368
375
|
map: undefined,
|
|
369
376
|
media: undefined
|
|
370
377
|
});
|
|
371
378
|
};
|
|
372
379
|
/* scoped */
|
|
373
|
-
const __vue_scope_id__ = "data-v-
|
|
380
|
+
const __vue_scope_id__ = "data-v-2cb9359c";
|
|
374
381
|
/* module identifier */
|
|
375
382
|
const __vue_module_identifier__ = undefined;
|
|
376
383
|
/* functional template */
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
|
+
import { I as InputBoxVariant, a as InputBoxSize } from './props-78496a2d.js';
|
|
2
3
|
import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
|
|
3
4
|
import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
4
5
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
5
6
|
|
|
6
|
-
var InputBoxVariant;
|
|
7
|
-
(function (InputBoxVariant) {
|
|
8
|
-
InputBoxVariant["Styled"] = "styled";
|
|
9
|
-
InputBoxVariant["Unstyled"] = "unstyled";
|
|
10
|
-
})(InputBoxVariant || (InputBoxVariant = {}));
|
|
11
|
-
var InputBoxSize;
|
|
12
|
-
(function (InputBoxSize) {
|
|
13
|
-
InputBoxSize["M"] = "m";
|
|
14
|
-
InputBoxSize["S"] = "s";
|
|
15
|
-
})(InputBoxSize || (InputBoxSize = {}));
|
|
16
|
-
|
|
17
7
|
const InputBoxRoot = [
|
|
18
8
|
// Layout
|
|
19
9
|
'layout-row',
|
|
@@ -46,14 +36,14 @@ const InputBoxRootSizes = {
|
|
|
46
36
|
// Box
|
|
47
37
|
'children:min-h-[34px]',
|
|
48
38
|
// Spacing
|
|
49
|
-
'first-child:pl-md first-child:md:pl-sm+', '
|
|
39
|
+
'first-child:pl-md first-child:md:pl-sm+', 'intermediate-child:pt-[11px] intermediate-child:md:pt-[7px]', 'intermediate-child:pb-[11px] intermediate-child:md:pb-[6px]', 'last-child:pr-md last-child:md:pr-sm+', 'gap-sm+ md:gap-sm',
|
|
50
40
|
// Typography
|
|
51
41
|
'typography-body-2-regular'],
|
|
52
42
|
's': [
|
|
53
43
|
// Box
|
|
54
44
|
'children:min-h-[30px]',
|
|
55
45
|
// Spacing
|
|
56
|
-
'first-child:pl-sm', '
|
|
46
|
+
'first-child:pl-sm', 'intermediate-child:py-[6px]', 'last-child:pr-sm', 'gap-[6px]',
|
|
57
47
|
// Typography
|
|
58
48
|
'typography-caption-regular']
|
|
59
49
|
};
|
|
@@ -137,4 +127,4 @@ const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
|
137
127
|
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
138
128
|
var OrInputBox = __vue_component__;
|
|
139
129
|
|
|
140
|
-
export {
|
|
130
|
+
export { OrInputBox as O };
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
2
|
import { debouncedWatch } from '@vueuse/core';
|
|
3
|
-
import { O as OrInput } from './OrInput-
|
|
3
|
+
import { O as OrInput } from './OrInput-dd24c12a.js';
|
|
4
4
|
import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
|
|
5
5
|
import { defineComponent, ref, computed, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
6
|
-
import { a as InputBoxSize } from './
|
|
6
|
+
import { a as InputBoxSize } from './props-78496a2d.js';
|
|
7
7
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
8
8
|
|
|
9
9
|
var script = defineComponent({
|
|
@@ -4,8 +4,8 @@ import { O as OrError } from './OrError-aad17598.js';
|
|
|
4
4
|
import { O as OrExpansionPanel } from './OrExpansionPanel-995caa85.js';
|
|
5
5
|
import { O as OrHint } from './OrHint-f38a1940.js';
|
|
6
6
|
import { O as OrIcon } from './OrIcon-8625385f.js';
|
|
7
|
-
import { O as OrInput } from './OrInput-
|
|
8
|
-
import { O as OrInputBox
|
|
7
|
+
import { O as OrInput } from './OrInput-dd24c12a.js';
|
|
8
|
+
import { O as OrInputBox } from './OrInputBox-dfdcbdce.js';
|
|
9
9
|
import { O as OrLabel } from './OrLabel-172c4b89.js';
|
|
10
10
|
import { O as OrMenuItem } from './OrMenuItem-26420908.js';
|
|
11
11
|
import { O as OrPopover } from './OrPopover-5dc240f1.js';
|
|
@@ -14,6 +14,7 @@ import { D as DropdownClose, a as DropdownOpen } from './dropdown-open-e2a93aaf.
|
|
|
14
14
|
import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
|
|
15
15
|
import { u as useOverflow } from './useOverflow-bae6342f.js';
|
|
16
16
|
import { defineComponent, getCurrentInstance, ref, computed, onMounted, watch } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
17
|
+
import { a as InputBoxSize } from './props-78496a2d.js';
|
|
17
18
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
18
19
|
|
|
19
20
|
const SelectRoot = [
|
|
@@ -121,6 +122,10 @@ var script = defineComponent({
|
|
|
121
122
|
type: Boolean,
|
|
122
123
|
default: false
|
|
123
124
|
},
|
|
125
|
+
disableDefaultStyles: {
|
|
126
|
+
type: Boolean,
|
|
127
|
+
default: false
|
|
128
|
+
},
|
|
124
129
|
enableSearch: {
|
|
125
130
|
type: Boolean,
|
|
126
131
|
default: false
|
|
@@ -326,6 +331,7 @@ var __vue_render__ = function () {
|
|
|
326
331
|
ref: "inputBox",
|
|
327
332
|
class: [_vm.popoverState === 'open' && 'rounded-b-0'],
|
|
328
333
|
attrs: {
|
|
334
|
+
"variant": _vm.disableDefaultStyles ? 'unstyled' : 'styled',
|
|
329
335
|
"size": _vm.size,
|
|
330
336
|
"invalid": _vm.invalid,
|
|
331
337
|
"readonly": _vm.readonly,
|
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import './index-fa6eb4ca.js';
|
|
2
2
|
import { O as OrError } from './OrError-aad17598.js';
|
|
3
3
|
import { O as OrHint } from './OrHint-f38a1940.js';
|
|
4
|
-
import { O as OrInputBox
|
|
4
|
+
import { O as OrInputBox } from './OrInputBox-dfdcbdce.js';
|
|
5
5
|
import { O as OrLabel } from './OrLabel-172c4b89.js';
|
|
6
6
|
import { u as useClassAttribute } from './useClassAttribute-9bf33346.js';
|
|
7
7
|
import { defineComponent, getCurrentInstance, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
8
|
+
import { a as InputBoxSize } from './props-78496a2d.js';
|
|
8
9
|
import { n as normalizeComponent } from './normalize-component-6e8e3d80.js';
|
|
9
10
|
import { c as createInjector } from './browser-82dea9ed.js';
|
|
10
11
|
|
|
@@ -8,18 +8,18 @@ export { a as BUTTON_COLOR, c as BUTTON_LOADER_TYPE, b as BUTTON_SIZE, B as BUTT
|
|
|
8
8
|
export { a as ButtonColor, b as ButtonType, B as ButtonVariant, O as OrButtonV3 } from '../OrButton-4b99c680.js';
|
|
9
9
|
export { O as OrCard } from '../OrCard-a6b30f8f.js';
|
|
10
10
|
export { C as CARD_COLLECTION_LAYOUT, _ as OrCardCollection } from '../OrCardCollection-89428bbf.js';
|
|
11
|
-
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-
|
|
11
|
+
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../OrCardCollection-0a99b05d.js';
|
|
12
12
|
export { _ as OrCardV3 } from '../OrCard-29116e1f.js';
|
|
13
13
|
export { a as OrCarousel, _ as OrCarouselItem } from '../OrCarouselItem-6da755c0.js';
|
|
14
14
|
export { O as OrCheckbox } from '../OrCheckbox-4cbddd67.js';
|
|
15
15
|
export { O as OrCheckboxV3 } from '../OrCheckbox-dbef9f9a.js';
|
|
16
16
|
export { O as OrChip } from '../OrChip-000fe7b5.js';
|
|
17
17
|
export { _ as OrChips } from '../OrChips-890b8476.js';
|
|
18
|
-
export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-
|
|
18
|
+
export { _ as OrCode, O as OrCodeLanguages } from '../OrCode-edc7a1f5.js';
|
|
19
19
|
export { O as OrCollapse } from '../OrCollapse-3aa9a9b7.js';
|
|
20
20
|
export { _ as OrColorPicker, h as amber, n as black, b as blue, m as blueGrey, k as brown, c as cyan, j as deepOrange, d as deepPurple, g as green, i as indigo, l as lightBlue, e as lightGreen, f as lime, o as orange, p as pink, a as purple, r as red, t as teal, w as white, y as yellow } from '../OrColorPicker-a1a37e83.js';
|
|
21
21
|
export { _ as OrConfirm } from '../OrConfirm-56d01cff.js';
|
|
22
|
-
export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-
|
|
22
|
+
export { C as ConfirmType, _ as OrConfirmV3 } from '../OrConfirm-598e1e5f.js';
|
|
23
23
|
export { D as DEFAULT_TEXT, _ as OrDateTimePicker, a as OrDateTimePickerItemTypes, O as OrDateTimePickerTypes } from '../OrDateTimePicker-e212f892.js';
|
|
24
24
|
export { O as OrError } from '../OrError-31503e4c.js';
|
|
25
25
|
export { _ as OrErrorTagV3 } from '../OrErrorTag-d0c5bcf4.js';
|
|
@@ -36,8 +36,9 @@ export { I as InlineInputBoxSize, I as InlineInputSize, O as OrInlineInputBoxV3
|
|
|
36
36
|
export { I as InlineInputType, _ as OrInlineInputV3 } from '../OrInlineInput-9add2e1e.js';
|
|
37
37
|
export { a as InlineTextEditTrimmingTypes, I as InlineTextEditTypes, _ as OrInlineTextEdit } from '../OrInlineTextEdit-7262efdf.js';
|
|
38
38
|
export { _ as OrInlineTextareaV3 } from '../OrInlineTextarea-9c6f9044.js';
|
|
39
|
-
export {
|
|
40
|
-
export { I as
|
|
39
|
+
export { O as OrInputBoxV3 } from '../OrInputBox-dfdcbdce.js';
|
|
40
|
+
export { a as InputBoxSize, I as InputBoxVariant, a as InputSize, a as SearchSize, a as SelectSize, a as TextareaSize } from '../props-78496a2d.js';
|
|
41
|
+
export { I as InputType, O as OrInputV3 } from '../OrInput-dd24c12a.js';
|
|
41
42
|
export { a as OrNumberInput, b as OrPassword, _ as OrTextarea } from '../OrPassword-7da938aa.js';
|
|
42
43
|
export { O as OrInput } from '../OrInput-08f2f666.js';
|
|
43
44
|
export { O as OrSearch } from '../OrSearch-f7cfa52f.js';
|
|
@@ -63,10 +64,10 @@ export { _ as OrProgressV3, P as ProgressColor, a as ProgressType } from '../OrP
|
|
|
63
64
|
export { _ as OrRadio } from '../OrRadio-187d6fc7.js';
|
|
64
65
|
export { _ as OrRadioGroup } from '../OrRadioGroup-aa9f0757.js';
|
|
65
66
|
export { _ as OrRadioV3 } from '../OrRadio-cd39b20b.js';
|
|
66
|
-
export { O as OrSearchV3 } from '../OrSearch-
|
|
67
|
+
export { O as OrSearchV3 } from '../OrSearch-57e32e96.js';
|
|
67
68
|
export { _ as OrSegmentedControlV3, S as SegmentedControlSize } from '../OrSegmentedControl-21cc914e.js';
|
|
68
69
|
export { _ as OrSelect } from '../OrSelect-a23d4210.js';
|
|
69
|
-
export { _ as OrSelectV3 } from '../OrSelect-
|
|
70
|
+
export { _ as OrSelectV3 } from '../OrSelect-e9664990.js';
|
|
70
71
|
export { _ as OrSidebar, O as OrSidebarSide } from '../OrSidebar-e2b2c9ec.js';
|
|
71
72
|
export { O as OrSidebarPlacement, _ as OrSidebarV3 } from '../OrSidebar-c95ef614.js';
|
|
72
73
|
export { _ as OrSkeletonCircle, a as OrSkeletonRect, b as OrSkeletonText, O as OrSkeletonTextSizes } from '../OrSkeletonText-242d22f3.js';
|
|
@@ -86,7 +87,7 @@ export { O as OrTagV3, a as TagColor, T as TagVariant } from '../OrTag-6440aa89.
|
|
|
86
87
|
export { O as OrTeleport } from '../OrTeleportVue2-3544f185.js';
|
|
87
88
|
export { O as OrTeleportV3 } from '../OrTeleport.vue2-e9ba3054.js';
|
|
88
89
|
export { _ as OrTextV3 } from '../OrText-eac4b9f5.js';
|
|
89
|
-
export { _ as OrTextareaV3 } from '../OrTextarea-
|
|
90
|
+
export { _ as OrTextareaV3 } from '../OrTextarea-ff2ba975.js';
|
|
90
91
|
export { _ as OrTextbox, T as TextboxTypes } from '../OrTextbox-eacd9b19.js';
|
|
91
92
|
export { P as PositionsX, b as PositionsY, c as ToastType, T as TransitionType, a as useQueue, u as useToast } from '../useToast-1faa828c.js';
|
|
92
93
|
export { O as OrToast, _ as OrToastContainer } from '../OrToastContainer-b03adc37.js';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-
|
|
1
|
+
export { D as DefaultCardCollectionViews, _ as OrCardCollectionV3, d as defaultViewModes, g as gridView, l as listView } from '../../OrCardCollection-0a99b05d.js';
|
|
2
2
|
import '../../index-fa6eb4ca.js';
|
|
3
3
|
import 'vue';
|
|
4
4
|
import '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
@@ -20,10 +20,11 @@ import '../../OrButton-4b99c680.js';
|
|
|
20
20
|
import '../../OrLoader-6a1f937b.js';
|
|
21
21
|
import '../../OrMenu-fa47c888.js';
|
|
22
22
|
import '../../OrMenuItem-26420908.js';
|
|
23
|
-
import '../../OrSearch-
|
|
24
|
-
import '../../OrInput-
|
|
23
|
+
import '../../OrSearch-57e32e96.js';
|
|
24
|
+
import '../../OrInput-dd24c12a.js';
|
|
25
25
|
import '../../OrError-aad17598.js';
|
|
26
26
|
import '../../OrHint-f38a1940.js';
|
|
27
|
-
import '../../OrInputBox-
|
|
27
|
+
import '../../OrInputBox-dfdcbdce.js';
|
|
28
|
+
import '../../props-78496a2d.js';
|
|
28
29
|
import '../../OrLabel-172c4b89.js';
|
|
29
30
|
import '../../browser-82dea9ed.js';
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
+
declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
3
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
4
|
+
} | string[], {} & {}, {
|
|
5
|
+
[x: number]: string;
|
|
6
|
+
} | {}, true>)>;
|
|
7
|
+
export default _default;
|
|
8
|
+
export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
9
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
10
|
+
} | string[], {} & {}, {
|
|
11
|
+
[x: number]: string;
|
|
12
|
+
} | {}, true>)>;
|
|
13
|
+
export declare const Addon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
14
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
15
|
+
} | string[], {} & {}, {
|
|
16
|
+
[x: number]: string;
|
|
17
|
+
} | {}, true>)>;
|
|
18
|
+
export declare const Hint: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
19
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
20
|
+
} | string[], {} & {}, {
|
|
21
|
+
[x: number]: string;
|
|
22
|
+
} | {}, true>)>;
|
|
23
|
+
export declare const Error: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
24
|
+
[x: string]: ((...args: any[]) => any) | null;
|
|
25
|
+
} | string[], {} & {}, {
|
|
26
|
+
[x: number]: string;
|
|
27
|
+
} | {}, true>)>;
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
import { PropType } from 'vue-demi';
|
|
2
|
+
import { CombinedInputSize } from './props';
|
|
3
|
+
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
|
+
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
6
|
+
controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
|
+
invalid: import("@vue/composition-api").ComputedRef<boolean>;
|
|
8
|
+
readonly: import("@vue/composition-api").ComputedRef<boolean>;
|
|
9
|
+
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
10
|
+
size: {
|
|
11
|
+
type: PropType<CombinedInputSize>;
|
|
12
|
+
default: CombinedInputSize;
|
|
13
|
+
};
|
|
14
|
+
label: {
|
|
15
|
+
type: StringConstructor;
|
|
16
|
+
default: undefined;
|
|
17
|
+
};
|
|
18
|
+
hint: {
|
|
19
|
+
type: StringConstructor;
|
|
20
|
+
default: undefined;
|
|
21
|
+
};
|
|
22
|
+
error: {
|
|
23
|
+
type: StringConstructor;
|
|
24
|
+
default: undefined;
|
|
25
|
+
};
|
|
26
|
+
required: {
|
|
27
|
+
type: BooleanConstructor;
|
|
28
|
+
default: boolean;
|
|
29
|
+
};
|
|
30
|
+
disabled: {
|
|
31
|
+
type: BooleanConstructor;
|
|
32
|
+
default: boolean;
|
|
33
|
+
};
|
|
34
|
+
disableDefaultStyles: {
|
|
35
|
+
type: BooleanConstructor;
|
|
36
|
+
default: boolean;
|
|
37
|
+
};
|
|
38
|
+
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
39
|
+
size: {
|
|
40
|
+
type: PropType<CombinedInputSize>;
|
|
41
|
+
default: CombinedInputSize;
|
|
42
|
+
};
|
|
43
|
+
label: {
|
|
44
|
+
type: StringConstructor;
|
|
45
|
+
default: undefined;
|
|
46
|
+
};
|
|
47
|
+
hint: {
|
|
48
|
+
type: StringConstructor;
|
|
49
|
+
default: undefined;
|
|
50
|
+
};
|
|
51
|
+
error: {
|
|
52
|
+
type: StringConstructor;
|
|
53
|
+
default: undefined;
|
|
54
|
+
};
|
|
55
|
+
required: {
|
|
56
|
+
type: BooleanConstructor;
|
|
57
|
+
default: boolean;
|
|
58
|
+
};
|
|
59
|
+
disabled: {
|
|
60
|
+
type: BooleanConstructor;
|
|
61
|
+
default: boolean;
|
|
62
|
+
};
|
|
63
|
+
disableDefaultStyles: {
|
|
64
|
+
type: BooleanConstructor;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
68
|
+
size: CombinedInputSize;
|
|
69
|
+
label: string;
|
|
70
|
+
hint: string;
|
|
71
|
+
error: string;
|
|
72
|
+
required: boolean;
|
|
73
|
+
disabled: boolean;
|
|
74
|
+
disableDefaultStyles: boolean;
|
|
75
|
+
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
76
|
+
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
77
|
+
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
78
|
+
controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
|
|
79
|
+
invalid: import("@vue/composition-api").ComputedRef<boolean>;
|
|
80
|
+
readonly: import("@vue/composition-api").ComputedRef<boolean>;
|
|
81
|
+
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
82
|
+
size: CombinedInputSize;
|
|
83
|
+
label: string;
|
|
84
|
+
hint: string;
|
|
85
|
+
error: string;
|
|
86
|
+
required: boolean;
|
|
87
|
+
disabled: boolean;
|
|
88
|
+
disableDefaultStyles: boolean;
|
|
89
|
+
} & {}, {
|
|
90
|
+
size: CombinedInputSize;
|
|
91
|
+
label: string;
|
|
92
|
+
hint: string;
|
|
93
|
+
error: string;
|
|
94
|
+
required: boolean;
|
|
95
|
+
disabled: boolean;
|
|
96
|
+
disableDefaultStyles: boolean;
|
|
97
|
+
}, true>);
|
|
98
|
+
export default _default;
|