feat(@omiu/date-picker): add date icon
This commit is contained in:
dntzhang
parent
ed5e7c269c
commit
6d61091b04
|
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "@omiu/date-picker",
|
||||
"version": "0.0.1",
|
||||
"version": "0.0.3",
|
||||
"description": "Components that select date.",
|
||||
"docsExtend": {
|
||||
"cnName": "日期选择器",
|
||||
|
|
@ -100,6 +100,7 @@
|
|||
},
|
||||
"dependencies": {
|
||||
"@omiu/common": "latest",
|
||||
"@omiu/icon": "^0.0.3",
|
||||
"@omiu/input": "^0.0.8",
|
||||
"@popperjs/core": "^2.9.2",
|
||||
"flatpickr": "^4.6.9",
|
||||
|
|
|
|||
|
|
@ -86,6 +86,68 @@
|
|||
/************************************************************************/
|
||||
/******/ ({
|
||||
|
||||
/***/ "./node_modules/@omiu/icon/esm/date-range.js":
|
||||
/*!***************************************************!*\
|
||||
!*** ./node_modules/@omiu/icon/esm/date-range.js ***!
|
||||
\***************************************************/
|
||||
/*! exports provided: default */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony import */ var omi__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! omi */ "./node_modules/omi/dist/omi.esm.js");
|
||||
/* harmony import */ var _utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./utils/createSvgIcon */ "./node_modules/@omiu/icon/esm/utils/createSvgIcon.js");
|
||||
|
||||
|
||||
/* harmony default export */ __webpack_exports__["default"] = (Object(_utils_createSvgIcon__WEBPACK_IMPORTED_MODULE_1__["default"])(Object(omi__WEBPACK_IMPORTED_MODULE_0__["h"])("path", {
|
||||
d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
|
||||
}), 'DateRange'));
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/@omiu/icon/esm/utils/createSvgIcon.js":
|
||||
/*!************************************************************!*\
|
||||
!*** ./node_modules/@omiu/icon/esm/utils/createSvgIcon.js ***!
|
||||
\************************************************************/
|
||||
/*! exports provided: default */
|
||||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||||
|
||||
"use strict";
|
||||
__webpack_require__.r(__webpack_exports__);
|
||||
/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "default", function() { return createSvgIcon; });
|
||||
/* harmony import */ var omi__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! omi */ "./node_modules/omi/dist/omi.esm.js");
|
||||
|
||||
|
||||
const hyphenateRE = /\B([A-Z])/g
|
||||
const hyphenate = function (str) {
|
||||
return str.replace(hyphenateRE, '-$1').toLowerCase()
|
||||
}
|
||||
|
||||
function createSvgIcon(path, displayName) {
|
||||
|
||||
Object(omi__WEBPACK_IMPORTED_MODULE_0__["define"])(hyphenate('OIcon' + displayName), _ => {
|
||||
return Object(omi__WEBPACK_IMPORTED_MODULE_0__["h"])('svg', {
|
||||
viewBox: "0 0 24 24",
|
||||
title: displayName,
|
||||
..._.props
|
||||
}, path)
|
||||
}, {
|
||||
css: `:host {
|
||||
fill: currentColor;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
display: inline-block;
|
||||
vertical-align: -0.125em;
|
||||
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||
flex-shrink: 0;
|
||||
user-select: none;
|
||||
}`
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
/***/ }),
|
||||
|
||||
/***/ "./node_modules/@omiu/input/src/index.esm.js":
|
||||
/*!***************************************************!*\
|
||||
!*** ./node_modules/@omiu/input/src/index.esm.js ***!
|
||||
|
|
@ -5666,7 +5728,19 @@ var Table = /** @class */ (function (_super) {
|
|||
}
|
||||
Table.prototype.render = function (props) {
|
||||
return omi_1.h("div", null,
|
||||
omi_1.h("o-date-picker", { locale: "zh" }));
|
||||
omi_1.h("o-date-picker", { size: "medium", locale: "zh" }),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("o-date-picker", { size: "small", locale: "zh" }),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("br", null),
|
||||
omi_1.h("o-date-picker", { size: "mini" }));
|
||||
};
|
||||
Table = __decorate([
|
||||
omi_1.tag('table-demo')
|
||||
|
|
@ -5769,6 +5843,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|||
var omi_1 = __webpack_require__(/*! omi */ "./node_modules/omi/dist/omi.esm.js");
|
||||
var flatpickr_1 = __webpack_require__(/*! flatpickr */ "./node_modules/flatpickr/dist/esm/index.js");
|
||||
var style_ts_1 = __webpack_require__(/*! ./style.ts */ "./src/style.ts");
|
||||
__webpack_require__(/*! @omiu/icon/esm/date-range */ "./node_modules/@omiu/icon/esm/date-range.js");
|
||||
var zh_1 = __webpack_require__(/*! flatpickr/dist/esm/l10n/zh */ "./node_modules/flatpickr/dist/esm/l10n/zh.js");
|
||||
__webpack_require__(/*! @omiu/input */ "./node_modules/@omiu/input/src/index.esm.js");
|
||||
var Popover = /** @class */ (function (_super) {
|
||||
|
|
@ -5821,13 +5896,15 @@ var Popover = /** @class */ (function (_super) {
|
|||
};
|
||||
Popover.prototype.render = function (props) {
|
||||
return omi_1.h("div", null,
|
||||
omi_1.h("o-input", { size: "small", type: "text" }));
|
||||
omi_1.h("o-input", { size: props.size, "suffix-icon": "date-range", type: "text" }));
|
||||
};
|
||||
Popover.defaultProps = {
|
||||
theme: 'light',
|
||||
size: 'small'
|
||||
};
|
||||
Popover.propTypes = {
|
||||
theme: String
|
||||
theme: String,
|
||||
size: String
|
||||
};
|
||||
Popover = __decorate([
|
||||
omi_1.tag('o-date-picker')
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -6,10 +6,18 @@ export default class Table extends WeElement {
|
|||
|
||||
render(props) {
|
||||
return <div>
|
||||
<o-date-picker locale="zh" >
|
||||
<o-date-picker size="medium" locale="zh" >
|
||||
|
||||
</o-date-picker>
|
||||
|
||||
<br></br><br></br><br></br><br></br><br></br>
|
||||
<o-date-picker size="small" locale="zh" >
|
||||
|
||||
</o-date-picker>
|
||||
<br></br><br></br><br></br><br></br><br></br>
|
||||
<o-date-picker size="mini" >
|
||||
|
||||
</o-date-picker>
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,10 @@
|
|||
import { WeElement } from 'omi';
|
||||
import { Hook } from 'flatpickr/dist/types/options';
|
||||
import { Locale } from 'flatpickr/dist/types/locale';
|
||||
import '@omiu/icon/esm/date-range';
|
||||
import '@omiu/input';
|
||||
interface Props {
|
||||
size?: 'medium' | 'small' | 'mini';
|
||||
locale?: string;
|
||||
placeholder?: string;
|
||||
altFormat?: string;
|
||||
|
|
@ -50,9 +52,11 @@ interface Props {
|
|||
export default class Popover extends WeElement<Props> {
|
||||
static defaultProps: {
|
||||
theme: string;
|
||||
size: string;
|
||||
};
|
||||
static propTypes: {
|
||||
theme: StringConstructor;
|
||||
size: StringConstructor;
|
||||
};
|
||||
onEnter: (evt: any) => void;
|
||||
timeout: any;
|
||||
|
|
|
|||
|
|
@ -1,12 +1,12 @@
|
|||
/**
|
||||
* @omiu/date-picker v0.0.1 http://omijs.org
|
||||
* @omiu/date-picker v0.0.3 http://omijs.org
|
||||
* Front End Cross-Frameworks Framework.
|
||||
* By dntzhang https://github.com/dntzhang
|
||||
* Github: https://github.com/Tencent/omi
|
||||
* MIT Licensed.
|
||||
*/
|
||||
|
||||
import { h, extractClass, tag, WeElement } from 'omi';
|
||||
import { define, h, extractClass, tag, WeElement } from 'omi';
|
||||
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
|
@ -2635,6 +2635,37 @@ var StyleLoader = /** @class */ (function () {
|
|||
return StyleLoader;
|
||||
}());
|
||||
|
||||
const hyphenateRE = /\B([A-Z])/g;
|
||||
const hyphenate = function (str) {
|
||||
return str.replace(hyphenateRE, '-$1').toLowerCase()
|
||||
};
|
||||
|
||||
function createSvgIcon(path, displayName) {
|
||||
|
||||
define(hyphenate('OIcon' + displayName), _ => {
|
||||
return h('svg', {
|
||||
viewBox: "0 0 24 24",
|
||||
title: displayName,
|
||||
..._.props
|
||||
}, path)
|
||||
}, {
|
||||
css: `:host {
|
||||
fill: currentColor;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
display: inline-block;
|
||||
vertical-align: -0.125em;
|
||||
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||
flex-shrink: 0;
|
||||
user-select: none;
|
||||
}`
|
||||
});
|
||||
}
|
||||
|
||||
createSvgIcon(h("path", {
|
||||
d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
|
||||
}), 'DateRange');
|
||||
|
||||
const fp = typeof window !== "undefined" && window.flatpickr !== undefined
|
||||
? window.flatpickr
|
||||
: {
|
||||
|
|
@ -3326,13 +3357,15 @@ var Popover = /** @class */ (function (_super) {
|
|||
};
|
||||
Popover.prototype.render = function (props) {
|
||||
return h("div", null,
|
||||
h("o-input", { size: "small", type: "text" }));
|
||||
h("o-input", { size: props.size, "suffix-icon": "date-range", type: "text" }));
|
||||
};
|
||||
Popover.defaultProps = {
|
||||
theme: 'light',
|
||||
size: 'small'
|
||||
};
|
||||
Popover.propTypes = {
|
||||
theme: String
|
||||
theme: String,
|
||||
size: String
|
||||
};
|
||||
Popover = __decorate$1([
|
||||
tag('o-date-picker')
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
/**
|
||||
* @omiu/date-picker v0.0.1 http://omijs.org
|
||||
* @omiu/date-picker v0.0.3 http://omijs.org
|
||||
* Front End Cross-Frameworks Framework.
|
||||
* By dntzhang https://github.com/dntzhang
|
||||
* Github: https://github.com/Tencent/omi
|
||||
|
|
@ -2636,6 +2636,37 @@
|
|||
return StyleLoader;
|
||||
}());
|
||||
|
||||
const hyphenateRE = /\B([A-Z])/g;
|
||||
const hyphenate = function (str) {
|
||||
return str.replace(hyphenateRE, '-$1').toLowerCase()
|
||||
};
|
||||
|
||||
function createSvgIcon(path, displayName) {
|
||||
|
||||
omi.define(hyphenate('OIcon' + displayName), _ => {
|
||||
return omi.h('svg', {
|
||||
viewBox: "0 0 24 24",
|
||||
title: displayName,
|
||||
..._.props
|
||||
}, path)
|
||||
}, {
|
||||
css: `:host {
|
||||
fill: currentColor;
|
||||
width: 1em;
|
||||
height: 1em;
|
||||
display: inline-block;
|
||||
vertical-align: -0.125em;
|
||||
transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
|
||||
flex-shrink: 0;
|
||||
user-select: none;
|
||||
}`
|
||||
});
|
||||
}
|
||||
|
||||
createSvgIcon(omi.h("path", {
|
||||
d: "M9 11H7v2h2v-2zm4 0h-2v2h2v-2zm4 0h-2v2h2v-2zm2-7h-1V2h-2v2H8V2H6v2H5c-1.11 0-1.99.9-1.99 2L3 20c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 16H5V9h14v11z"
|
||||
}), 'DateRange');
|
||||
|
||||
const fp = typeof window !== "undefined" && window.flatpickr !== undefined
|
||||
? window.flatpickr
|
||||
: {
|
||||
|
|
@ -3327,13 +3358,15 @@
|
|||
};
|
||||
Popover.prototype.render = function (props) {
|
||||
return omi.h("div", null,
|
||||
omi.h("o-input", { size: "small", type: "text" }));
|
||||
omi.h("o-input", { size: props.size, "suffix-icon": "date-range", type: "text" }));
|
||||
};
|
||||
Popover.defaultProps = {
|
||||
theme: 'light',
|
||||
size: 'small'
|
||||
};
|
||||
Popover.propTypes = {
|
||||
theme: String
|
||||
theme: String,
|
||||
size: String
|
||||
};
|
||||
Popover = __decorate$1([
|
||||
omi.tag('o-date-picker')
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -5,12 +5,14 @@ import { CustomLocale } from 'flatpickr/dist/types/locale'
|
|||
import StyleLoader, { FlatpickrTheme } from './style.ts';
|
||||
import { Locale } from 'flatpickr/dist/types/locale'
|
||||
|
||||
import '@omiu/icon/esm/date-range'
|
||||
|
||||
import { Mandarin } from "flatpickr/dist/esm/l10n/zh"
|
||||
|
||||
import '@omiu/input'
|
||||
|
||||
interface Props {
|
||||
size?: 'medium' | 'small' | 'mini'
|
||||
locale?: string
|
||||
placeholder?: string
|
||||
altFormat?: string
|
||||
|
|
@ -63,11 +65,12 @@ export default class Popover extends WeElement<Props> {
|
|||
|
||||
static defaultProps = {
|
||||
theme: 'light',
|
||||
|
||||
size: 'small'
|
||||
}
|
||||
|
||||
static propTypes = {
|
||||
theme: String
|
||||
theme: String,
|
||||
size: String
|
||||
}
|
||||
|
||||
onEnter = (evt) => {
|
||||
|
|
@ -121,7 +124,7 @@ export default class Popover extends WeElement<Props> {
|
|||
|
||||
render(props) {
|
||||
return <div>
|
||||
<o-input size="small" type="text" />
|
||||
<o-input size={props.size} suffix-icon="date-range" type="text" />
|
||||
</div>
|
||||
}
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
|
@ -1 +1 @@
|
|||
import{g as getDefaultExportFromCjs,d as require$$0,f as commonjsGlobal}from"./vendor.858b8f49.js";var ballot$2={exports:{}};(function(module,exports){var factory;factory=function(__WEBPACK_EXTERNAL_MODULE_omi__){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s="./esm/ballot.js")}({"./esm/ballot.js":function(module,exports,__webpack_require__){eval('\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar createSvgIcon_1 = __webpack_require__(/*! ./utils/createSvgIcon */ "./esm/utils/createSvgIcon.js");\nexports.default = createSvgIcon_1.default(omi_1.h("path", {\n fillRule: "evenodd",\n d: "M13 9.5h5v-2h-5v2zm0 7h5v-2h-5v2zm6 4.5H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2zM6 11h5V6H6v5zm1-4h3v3H7V7zM6 18h5v-5H6v5zm1-4h3v3H7v-3z"\n}), \'Ballot\');\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/ballot.js?')},"./esm/utils/createSvgIcon.js":function(module,exports,__webpack_require__){eval('\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = function (str) {\n return str.replace(hyphenateRE, \'-$1\').toLowerCase();\n};\nfunction createSvgIcon(path, displayName) {\n omi_1.define(hyphenate(\'OIcon\' + displayName), function (_) {\n return omi_1.h(\'svg\', __assign({ viewBox: "0 0 24 24", title: displayName }, _.props), path);\n }, {\n css: ":host {\\n fill: currentColor;\\n width: 1em;\\n height: 1em;\\n display: inline-block;\\n vertical-align: -0.125em;\\n transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n flex-shrink: 0;\\n user-select: none;\\n}"\n });\n}\nexports.default = createSvgIcon;\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/utils/createSvgIcon.js?')},omi:function(module,exports){eval("module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;\n\n//# sourceURL=webpack://%5Bname%5D/external_%7B%22commonjs%22:%22omi%22,%22commonjs2%22:%22omi%22,%22amd%22:%22omi%22,%22root%22:%22Omi%22%7D?")}}).default},module.exports=factory(require$$0)})(ballot$2);var ballot=getDefaultExportFromCjs(ballot$2.exports),ballot$1=Object.freeze(Object.assign(Object.create(null),ballot$2.exports,{[Symbol.toStringTag]:"Module",default:ballot}));export{ballot$1 as b};
|
||||
import{g as getDefaultExportFromCjs,f as require$$0,i as commonjsGlobal}from"./vendor.6af97e56.js";var ballot$2={exports:{}};(function(module,exports){var factory;factory=function(__WEBPACK_EXTERNAL_MODULE_omi__){return function(e){var n={};function t(r){if(n[r])return n[r].exports;var o=n[r]={i:r,l:!1,exports:{}};return e[r].call(o.exports,o,o.exports,t),o.l=!0,o.exports}return t.m=e,t.c=n,t.d=function(e,n,r){t.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:r})},t.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},t.t=function(e,n){if(1&n&&(e=t(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var r=Object.create(null);if(t.r(r),Object.defineProperty(r,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var o in e)t.d(r,o,function(n){return e[n]}.bind(null,o));return r},t.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return t.d(n,"a",n),n},t.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},t.p="",t(t.s="./esm/ballot.js")}({"./esm/ballot.js":function(module,exports,__webpack_require__){eval('\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar createSvgIcon_1 = __webpack_require__(/*! ./utils/createSvgIcon */ "./esm/utils/createSvgIcon.js");\nexports.default = createSvgIcon_1.default(omi_1.h("path", {\n fillRule: "evenodd",\n d: "M13 9.5h5v-2h-5v2zm0 7h5v-2h-5v2zm6 4.5H5c-1.1 0-2-.9-2-2V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2v14c0 1.1-.9 2-2 2zM6 11h5V6H6v5zm1-4h3v3H7V7zM6 18h5v-5H6v5zm1-4h3v3H7v-3z"\n}), \'Ballot\');\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/ballot.js?')},"./esm/utils/createSvgIcon.js":function(module,exports,__webpack_require__){eval('\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = function (str) {\n return str.replace(hyphenateRE, \'-$1\').toLowerCase();\n};\nfunction createSvgIcon(path, displayName) {\n omi_1.define(hyphenate(\'OIcon\' + displayName), function (_) {\n return omi_1.h(\'svg\', __assign({ viewBox: "0 0 24 24", title: displayName }, _.props), path);\n }, {\n css: ":host {\\n fill: currentColor;\\n width: 1em;\\n height: 1em;\\n display: inline-block;\\n vertical-align: -0.125em;\\n transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n flex-shrink: 0;\\n user-select: none;\\n}"\n });\n}\nexports.default = createSvgIcon;\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/utils/createSvgIcon.js?')},omi:function(module,exports){eval("module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;\n\n//# sourceURL=webpack://%5Bname%5D/external_%7B%22commonjs%22:%22omi%22,%22commonjs2%22:%22omi%22,%22amd%22:%22omi%22,%22root%22:%22Omi%22%7D?")}}).default},module.exports=factory(require$$0)})(ballot$2);var ballot=getDefaultExportFromCjs(ballot$2.exports),ballot$1=Object.freeze(Object.assign(Object.create(null),ballot$2.exports,{[Symbol.toStringTag]:"Module",default:ballot}));export{ballot$1 as b};
|
||||
|
|
@ -1 +1 @@
|
|||
import{W as e,h as t,t as s,s as a,a as c}from"./vendor.858b8f49.js";import"./index.esm.4785d520.js";var r=Object.defineProperty,d=Object.getOwnPropertyDescriptor;let o=class extends e{constructor(){super(...arguments),this.dataSource=[{id:1,name:"xwang",age:18,address:"Tencent"},{id:2,name:"dntzhang",age:12,address:"Tencent",$config:{bgColor:"rgb(247 176 176 / 32%)"}},{id:3,name:"lucy",age:12,address:"Tencent"},{id:4,name:"john",age:12,address:"Tencent",$config:{bgColor:"rgb(230 162 60 / 34%)"}},{id:5,name:"tim",age:12,address:"Tencent"},{id:6,name:"tim",age:12,address:"Tencent"},{id:7,name:"tim",age:12,address:"Tencent"},{id:8,name:"tim",age:12,address:"Tencent"}],this.columns=[{title:"ID",render:e=>t("strong",null,e.id)},{title:"Name",key:"name"},{title:"Age",key:"age"},{title:"Address",key:"address"},{title:"操作",align:"right",render:e=>t("o-tooltip",{content:"删除"+e.name},t("o-icon-delete",{"data-item-id":e.id,onClick:this.onClick,style:"cursor:pointer;font-size:20px;"}))}],this.onClick=e=>{console.log(Number(e.currentTarget.dataset.itemId)),this.deleteItemById(Number(e.currentTarget.dataset.itemId))}}deleteItemById(e){const t=this.dataSource.indexOf(this.dataSource.find((t=>t.id===e)));-1!==t&&(this.dataSource.splice(t,1),this.update())}render(e){return t("div",null,t("div",{class:s`flex flex-row`},t("div",{class:s`flex-1 px-2`},t("h4",{class:s`py-2 text-sm`},"带复选框"),t("o-table",{checkbox:!0,stripe:!0,border:!1,compact:!0,columns:this.columns,dataSource:this.dataSource})),t("div",{class:s`flex-1 px-2`},t("h4",{class:s`py-2 text-sm`},"带边框"),t("o-table",{checkbox:!0,stripe:!0,border:!0,compact:!0,columns:this.columns,dataSource:this.dataSource}))),t("div",{class:s`px-2`},t("h4",{class:s`py-2 text-sm`},"基础表格"),t("o-table",{checkbox:!1,stripe:!1,border:!1,compact:!1,columns:this.columns,dataSource:this.dataSource})),t("div",{class:s`flex flex-row`},t("div",{class:s`flex-1 px-2`},t("h4",{class:s`py-2 text-sm`},"压缩高度"),t("o-table",{checkbox:!1,stripe:!0,border:!1,compact:!0,columns:this.columns,dataSource:this.dataSource})),t("div",{class:s`flex-1 px-2`},t("h4",{class:s`py-2 text-sm`},"无隔行变色"),t("o-table",{checkbox:!0,stripe:!1,border:!0,compact:!0,columns:this.columns,dataSource:this.dataSource}))))}};o.css=a.target,o=((e,t,s,a)=>{for(var c,o=a>1?void 0:a?d(t,s):t,i=e.length-1;i>=0;i--)(c=e[i])&&(o=(a?c(t,s,o):c(o))||o);return a&&o&&r(t,s,o),o})([c("basic-table")],o);export default o;
|
||||
import{W as e,h as t,t as s,s as a,a as c}from"./vendor.6af97e56.js";import"./index.esm.bcf354af.js";var r=Object.defineProperty,o=Object.getOwnPropertyDescriptor;let d=class extends e{constructor(){super(...arguments),this.dataSource=[{id:1,name:"xwang",age:18,address:"Tencent"},{id:2,name:"dntzhang",age:12,address:"Tencent",$config:{bgColor:"rgb(247 176 176 / 32%)"}},{id:3,name:"lucy",age:12,address:"Tencent"},{id:4,name:"john",age:12,address:"Tencent",$config:{bgColor:"rgb(230 162 60 / 34%)"}},{id:5,name:"tim",age:12,address:"Tencent"},{id:6,name:"tim",age:12,address:"Tencent"},{id:7,name:"tim",age:12,address:"Tencent"},{id:8,name:"tim",age:12,address:"Tencent"}],this.columns=[{title:"ID",render:e=>t("strong",null,e.id)},{title:"Name",key:"name"},{title:"Age",key:"age"},{title:"Address",key:"address"},{title:"操作",align:"right",render:e=>t("o-tooltip",{content:"删除"+e.name},t("o-icon-delete",{"data-item-id":e.id,onClick:this.onClick,style:"cursor:pointer;font-size:20px;"}))}],this.onClick=e=>{console.log(Number(e.currentTarget.dataset.itemId)),this.deleteItemById(Number(e.currentTarget.dataset.itemId))}}deleteItemById(e){const t=this.dataSource.indexOf(this.dataSource.find((t=>t.id===e)));-1!==t&&(this.dataSource.splice(t,1),this.update())}render(e){return t("div",null,t("div",{class:s`flex flex-row`},t("div",{class:s`flex-1 px-2`},t("h4",{class:s`py-2 text-sm`},"带复选框"),t("o-table",{checkbox:!0,stripe:!0,border:!1,compact:!0,columns:this.columns,dataSource:this.dataSource})),t("div",{class:s`flex-1 px-2`},t("h4",{class:s`py-2 text-sm`},"带边框"),t("o-table",{checkbox:!0,stripe:!0,border:!0,compact:!0,columns:this.columns,dataSource:this.dataSource}))),t("div",{class:s`px-2`},t("h4",{class:s`py-2 text-sm`},"基础表格"),t("o-table",{checkbox:!1,stripe:!1,border:!1,compact:!1,columns:this.columns,dataSource:this.dataSource})),t("div",{class:s`flex flex-row`},t("div",{class:s`flex-1 px-2`},t("h4",{class:s`py-2 text-sm`},"压缩高度"),t("o-table",{checkbox:!1,stripe:!0,border:!1,compact:!0,columns:this.columns,dataSource:this.dataSource})),t("div",{class:s`flex-1 px-2`},t("h4",{class:s`py-2 text-sm`},"无隔行变色"),t("o-table",{checkbox:!0,stripe:!1,border:!0,compact:!0,columns:this.columns,dataSource:this.dataSource}))))}};d.css=a.target,d=((e,t,s,a)=>{for(var c,d=a>1?void 0:a?o(t,s):t,i=e.length-1;i>=0;i--)(c=e[i])&&(d=(a?c(t,s,d):c(d))||d);return a&&d&&r(t,s,d),d})([c("basic-table")],d);export default d;
|
||||
|
|
@ -1 +1 @@
|
|||
import{g as getDefaultExportFromCjs,d as require$$0,f as commonjsGlobal}from"./vendor.858b8f49.js";var emojiPeople$2={exports:{}};(function(module,exports){var factory;factory=function(__WEBPACK_EXTERNAL_MODULE_omi__){return function(e){var n={};function o(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=n,o.d=function(e,n,t){o.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,n){if(1&n&&(e=o(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)o.d(t,r,function(n){return e[n]}.bind(null,r));return t},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="",o(o.s="./esm/emoji-people.js")}({"./esm/emoji-people.js":function(module,exports,__webpack_require__){eval('\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar createSvgIcon_1 = __webpack_require__(/*! ./utils/createSvgIcon */ "./esm/utils/createSvgIcon.js");\nexports.default = createSvgIcon_1.default(omi_1.h(omi_1.h.f, null, omi_1.h("circle", {\n cx: "12",\n cy: "4",\n r: "2"\n}), omi_1.h("path", {\n d: "M15.89 8.11C15.5 7.72 14.83 7 13.53 7h-2.54C8.24 6.99 6 4.75 6 2H4c0 3.16 2.11 5.84 5 6.71V22h2v-6h2v6h2V10.05L18.95 14l1.41-1.41-4.47-4.48z"\n})), \'EmojiPeople\');\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/emoji-people.js?')},"./esm/utils/createSvgIcon.js":function(module,exports,__webpack_require__){eval('\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = function (str) {\n return str.replace(hyphenateRE, \'-$1\').toLowerCase();\n};\nfunction createSvgIcon(path, displayName) {\n omi_1.define(hyphenate(\'OIcon\' + displayName), function (_) {\n return omi_1.h(\'svg\', __assign({ viewBox: "0 0 24 24", title: displayName }, _.props), path);\n }, {\n css: ":host {\\n fill: currentColor;\\n width: 1em;\\n height: 1em;\\n display: inline-block;\\n vertical-align: -0.125em;\\n transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n flex-shrink: 0;\\n user-select: none;\\n}"\n });\n}\nexports.default = createSvgIcon;\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/utils/createSvgIcon.js?')},omi:function(module,exports){eval("module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;\n\n//# sourceURL=webpack://%5Bname%5D/external_%7B%22commonjs%22:%22omi%22,%22commonjs2%22:%22omi%22,%22amd%22:%22omi%22,%22root%22:%22Omi%22%7D?")}}).default},module.exports=factory(require$$0)})(emojiPeople$2);var emojiPeople=getDefaultExportFromCjs(emojiPeople$2.exports),emojiPeople$1=Object.freeze(Object.assign(Object.create(null),emojiPeople$2.exports,{[Symbol.toStringTag]:"Module",default:emojiPeople}));export{emojiPeople$1 as e};
|
||||
import{g as getDefaultExportFromCjs,f as require$$0,i as commonjsGlobal}from"./vendor.6af97e56.js";var emojiPeople$2={exports:{}};(function(module,exports){var factory;factory=function(__WEBPACK_EXTERNAL_MODULE_omi__){return function(e){var n={};function o(t){if(n[t])return n[t].exports;var r=n[t]={i:t,l:!1,exports:{}};return e[t].call(r.exports,r,r.exports,o),r.l=!0,r.exports}return o.m=e,o.c=n,o.d=function(e,n,t){o.o(e,n)||Object.defineProperty(e,n,{enumerable:!0,get:t})},o.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},o.t=function(e,n){if(1&n&&(e=o(e)),8&n)return e;if(4&n&&"object"==typeof e&&e&&e.__esModule)return e;var t=Object.create(null);if(o.r(t),Object.defineProperty(t,"default",{enumerable:!0,value:e}),2&n&&"string"!=typeof e)for(var r in e)o.d(t,r,function(n){return e[n]}.bind(null,r));return t},o.n=function(e){var n=e&&e.__esModule?function(){return e.default}:function(){return e};return o.d(n,"a",n),n},o.o=function(e,n){return Object.prototype.hasOwnProperty.call(e,n)},o.p="",o(o.s="./esm/emoji-people.js")}({"./esm/emoji-people.js":function(module,exports,__webpack_require__){eval('\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar createSvgIcon_1 = __webpack_require__(/*! ./utils/createSvgIcon */ "./esm/utils/createSvgIcon.js");\nexports.default = createSvgIcon_1.default(omi_1.h(omi_1.h.f, null, omi_1.h("circle", {\n cx: "12",\n cy: "4",\n r: "2"\n}), omi_1.h("path", {\n d: "M15.89 8.11C15.5 7.72 14.83 7 13.53 7h-2.54C8.24 6.99 6 4.75 6 2H4c0 3.16 2.11 5.84 5 6.71V22h2v-6h2v6h2V10.05L18.95 14l1.41-1.41-4.47-4.48z"\n})), \'EmojiPeople\');\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/emoji-people.js?')},"./esm/utils/createSvgIcon.js":function(module,exports,__webpack_require__){eval('\nvar __assign = (this && this.__assign) || function () {\n __assign = Object.assign || function(t) {\n for (var s, i = 1, n = arguments.length; i < n; i++) {\n s = arguments[i];\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))\n t[p] = s[p];\n }\n return t;\n };\n return __assign.apply(this, arguments);\n};\nObject.defineProperty(exports, "__esModule", { value: true });\nvar omi_1 = __webpack_require__(/*! omi */ "omi");\nvar hyphenateRE = /\\B([A-Z])/g;\nvar hyphenate = function (str) {\n return str.replace(hyphenateRE, \'-$1\').toLowerCase();\n};\nfunction createSvgIcon(path, displayName) {\n omi_1.define(hyphenate(\'OIcon\' + displayName), function (_) {\n return omi_1.h(\'svg\', __assign({ viewBox: "0 0 24 24", title: displayName }, _.props), path);\n }, {\n css: ":host {\\n fill: currentColor;\\n width: 1em;\\n height: 1em;\\n display: inline-block;\\n vertical-align: -0.125em;\\n transition: fill 200ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\\n flex-shrink: 0;\\n user-select: none;\\n}"\n });\n}\nexports.default = createSvgIcon;\n\n\n//# sourceURL=webpack://%5Bname%5D/./esm/utils/createSvgIcon.js?')},omi:function(module,exports){eval("module.exports = __WEBPACK_EXTERNAL_MODULE_omi__;\n\n//# sourceURL=webpack://%5Bname%5D/external_%7B%22commonjs%22:%22omi%22,%22commonjs2%22:%22omi%22,%22amd%22:%22omi%22,%22root%22:%22Omi%22%7D?")}}).default},module.exports=factory(require$$0)})(emojiPeople$2);var emojiPeople=getDefaultExportFromCjs(emojiPeople$2.exports),emojiPeople$1=Object.freeze(Object.assign(Object.create(null),emojiPeople$2.exports,{[Symbol.toStringTag]:"Module",default:emojiPeople}));export{emojiPeople$1 as e};
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -1,4 +1,4 @@
|
|||
import{h as e,e as t,c as n,a as o,W as r}from"./vendor.858b8f49.js";
|
||||
import{h as e,e as t,c as n,a as o,W as r}from"./vendor.6af97e56.js";
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
import{h as t,e,a as n,W as a,t as r,s as i}from"./vendor.858b8f49.js";import"./index.esm.4785d520.js";
|
||||
import{h as t,e,a as n,W as a,t as r,s as i}from"./vendor.6af97e56.js";import"./index.esm.bcf354af.js";
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation. All rights reserved.
|
||||
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
||||
|
|
@ -1 +1 @@
|
|||
import{W as r,h as e,t,s,a}from"./vendor.858b8f49.js";var o=Object.defineProperty,n=Object.getOwnPropertyDescriptor;let d=class extends r{render(){return e("div",{class:t``},"Admin Error Page")}};d.css=s.target,d=((r,e,t,s)=>{for(var a,d=s>1?void 0:s?n(e,t):e,c=r.length-1;c>=0;c--)(a=r[c])&&(d=(s?a(e,t,d):a(d))||d);return s&&d&&o(e,t,d),d})([a("status-error")],d);export default d;
|
||||
import{W as r,h as e,t,s,a}from"./vendor.6af97e56.js";var o=Object.defineProperty,n=Object.getOwnPropertyDescriptor;let d=class extends r{render(){return e("div",{class:t``},"Admin Error Page")}};d.css=s.target,d=((r,e,t,s)=>{for(var a,d=s>1?void 0:s?n(e,t):e,c=r.length-1;c>=0;c--)(a=r[c])&&(d=(s?a(e,t,d):a(d))||d);return s&&d&&o(e,t,d),d})([a("status-error")],d);export default d;
|
||||
|
|
@ -1 +0,0 @@
|
|||
import{W as r,h as e,t,s,a}from"./vendor.858b8f49.js";var n=Object.defineProperty,o=Object.getOwnPropertyDescriptor;let d=class extends r{render(){return e("div",{class:t``},"Admin Warning Page")}};d.css=s.target,d=((r,e,t,s)=>{for(var a,d=s>1?void 0:s?o(e,t):e,i=r.length-1;i>=0;i--)(a=r[i])&&(d=(s?a(e,t,d):a(d))||d);return s&&d&&n(e,t,d),d})([a("status-warning")],d);export default d;
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{W as e,h as r,t,s as a,a as s}from"./vendor.6af97e56.js";var n=Object.defineProperty,o=Object.getOwnPropertyDescriptor;let d=class extends e{render(){return r("div",{class:t``},"Admin Warning Page")}};d.css=a.target,d=((e,r,t,a)=>{for(var s,d=a>1?void 0:a?o(r,t):r,i=e.length-1;i>=0;i--)(s=e[i])&&(d=(a?s(r,t,d):s(d))||d);return a&&d&&n(r,t,d),d})([s("status-warning")],d);export default d;
|
||||
File diff suppressed because one or more lines are too long
|
|
@ -6,8 +6,8 @@
|
|||
<link rel="icon" type="image/svg+xml" href="./assets/favicon.974a6ddb.ico" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>OMI ADMIN</title>
|
||||
<script type="module" crossorigin src="./assets/index.d9161a47.js"></script>
|
||||
<link rel="modulepreload" href="./assets/vendor.858b8f49.js">
|
||||
<script type="module" crossorigin src="./assets/index.69de34c6.js"></script>
|
||||
<link rel="modulepreload" href="./assets/vendor.6af97e56.js">
|
||||
<link rel="stylesheet" href="./assets/index.36baf30a.css">
|
||||
</head>
|
||||
|
||||
|
|
|
|||
|
|
@ -14,7 +14,7 @@
|
|||
"@omiu/avatar": "^0.0.1",
|
||||
"@omiu/button": "^0.0.8",
|
||||
"@omiu/checkbox": "^0.0.9",
|
||||
"@omiu/date-picker": "^0.0.1",
|
||||
"@omiu/date-picker": "^0.0.3",
|
||||
"@omiu/icon": "^0.0.3",
|
||||
"@omiu/input": "^0.0.8",
|
||||
"@omiu/pagination": "^0.0.2",
|
||||
|
|
@ -25,7 +25,7 @@
|
|||
"@omiu/tabs": "^0.0.15",
|
||||
"@omiu/tooltip": "0.0.1",
|
||||
"@omiu/tree": "^0.0.16",
|
||||
"omi": "^6.19.16",
|
||||
"omi": "^6.19.17",
|
||||
"omi-router": "^3.0.0",
|
||||
"omi-twind": "^0.0.1"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -52,7 +52,7 @@ export default class extends WeElement<Props> {
|
|||
<div class={formItemClass}>
|
||||
<label class={lableClass} >出生日期</label>
|
||||
<div class={tw`leading-8 ml-10`}>
|
||||
<o-date-picker locale="zh"> </o-date-picker>
|
||||
<o-date-picker size="small" locale="zh"> </o-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
|
@ -76,6 +76,13 @@ export default class extends WeElement<Props> {
|
|||
</div>
|
||||
</div>
|
||||
|
||||
<div class={formItemClass}>
|
||||
<label class={lableClass} >大学时光</label>
|
||||
<div class={tw`leading-8 ml-10`}>
|
||||
<o-date-picker mode="range" size="small" locale="zh"> </o-date-picker>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class={formItemClass}>
|
||||
<label class={lableClass} >用户性别</label>
|
||||
<div class={tw`leading-8 ml-16`}>
|
||||
|
|
|
|||
Loading…
Reference in New Issue