feat(admin): support real-time theme color switching
This commit is contained in:
dntzhang
parent
ea464d19ce
commit
fc0d74760b
|
|
@ -1,11 +1,11 @@
|
|||
{
|
||||
"name": "@omiu/common",
|
||||
"version": "0.0.5",
|
||||
"version": "0.0.6",
|
||||
"description": "Omi UI Components.",
|
||||
"main": "src/index.js",
|
||||
"module": "src/index.esm.js",
|
||||
"scripts": {
|
||||
"build": "rollup -c scripts/rollup.config.js"
|
||||
"build": "rollup -c scripts/rollup.config.js && rollup -c scripts/rollup.config.umd.js"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "dntzhang",
|
||||
|
|
@ -14,7 +14,8 @@
|
|||
"@rollup/plugin-commonjs": "^11.1.0",
|
||||
"rollup": "^2.7.1",
|
||||
"rollup-plugin-license": "^2.0.0",
|
||||
"rollup-plugin-node-resolve": "^5.2.0"
|
||||
"rollup-plugin-node-resolve": "^5.2.0",
|
||||
"rollup-plugin-typescript": "^1.0.1"
|
||||
},
|
||||
"dependencies": {
|
||||
"color-convert": "^2.0.1",
|
||||
|
|
|
|||
|
|
@ -1,7 +1,8 @@
|
|||
import nodeResolve from "rollup-plugin-node-resolve";
|
||||
|
||||
import commonjs from '@rollup/plugin-commonjs';
|
||||
import typescript from 'rollup-plugin-typescript';
|
||||
|
||||
import commonjs from '@rollup/plugin-commonjs';
|
||||
const license = require("rollup-plugin-license");
|
||||
const pkg = require("../package.json");
|
||||
const licensePlugin = license({
|
||||
|
|
@ -9,18 +10,19 @@ const licensePlugin = license({
|
|||
});
|
||||
|
||||
export default {
|
||||
input: "./src/index.esm.js",
|
||||
input: "src/index.ts",
|
||||
output: {
|
||||
format: "umd",
|
||||
file: "./src/index.js",
|
||||
format: "es",
|
||||
file: "./src/index.esm.js",
|
||||
name: pkg.name,
|
||||
sourcemap: true,
|
||||
strict: true
|
||||
},
|
||||
plugins: [
|
||||
nodeResolve({
|
||||
main: true
|
||||
main: true
|
||||
}),
|
||||
typescript(),
|
||||
commonjs(),
|
||||
|
||||
licensePlugin
|
||||
|
|
|
|||
|
|
@ -0,0 +1,31 @@
|
|||
import nodeResolve from "rollup-plugin-node-resolve";
|
||||
|
||||
import typescript from 'rollup-plugin-typescript';
|
||||
|
||||
import commonjs from '@rollup/plugin-commonjs';
|
||||
const license = require("rollup-plugin-license");
|
||||
const pkg = require("../package.json");
|
||||
const licensePlugin = license({
|
||||
banner: `${pkg.name} v${pkg.version} http://omijs.org\r\nFront End Cross-Frameworks Framework.\r\nBy dntzhang https://github.com/dntzhang \r\n Github: https://github.com/Tencent/omi\r\n MIT Licensed.`
|
||||
});
|
||||
|
||||
export default {
|
||||
input: "src/index.ts",
|
||||
output: {
|
||||
format: "umd",
|
||||
file: "./src/index.js",
|
||||
name: pkg.name,
|
||||
sourcemap: true,
|
||||
strict: true
|
||||
},
|
||||
plugins: [
|
||||
nodeResolve({
|
||||
main: true
|
||||
}),
|
||||
typescript(),
|
||||
commonjs(),
|
||||
|
||||
licensePlugin
|
||||
],
|
||||
external: ['omi']
|
||||
};
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because one or more lines are too long
|
|
@ -1,21 +1,22 @@
|
|||
/**
|
||||
* @omiu/common v0.0.5 http://omijs.org
|
||||
* @omiu/common v0.0.6 http://omijs.org
|
||||
* Front End Cross-Frameworks Framework.
|
||||
* By dntzhang https://github.com/dntzhang
|
||||
* Github: https://github.com/Tencent/omi
|
||||
* MIT Licensed.
|
||||
*/
|
||||
|
||||
(function (factory) {
|
||||
typeof define === 'function' && define.amd ? define(factory) :
|
||||
factory();
|
||||
}((function () { 'use strict';
|
||||
(function (global, factory) {
|
||||
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports) :
|
||||
typeof define === 'function' && define.amd ? define(['exports'], factory) :
|
||||
(global = global || self, factory(global['@omiu/common'] = {}));
|
||||
}(this, (function (exports) { 'use strict';
|
||||
|
||||
function createCommonjsModule(fn, module) {
|
||||
return module = { exports: {} }, fn(module, module.exports), module.exports;
|
||||
}
|
||||
|
||||
var _colorName_1_1_4_colorName = {
|
||||
var colorName = {
|
||||
"aliceblue": [240, 248, 255],
|
||||
"antiquewhite": [250, 235, 215],
|
||||
"aqua": [0, 255, 255],
|
||||
|
|
@ -166,7 +167,7 @@
|
|||
"yellowgreen": [154, 205, 50]
|
||||
};
|
||||
|
||||
var _isArrayish_0_3_2_isArrayish = function isArrayish(obj) {
|
||||
var isArrayish = function isArrayish(obj) {
|
||||
if (!obj || typeof obj === 'string') {
|
||||
return false;
|
||||
}
|
||||
|
|
@ -176,7 +177,7 @@
|
|||
(Object.getOwnPropertyDescriptor(obj, (obj.length - 1)) && obj.constructor.name !== 'String')));
|
||||
};
|
||||
|
||||
var _simpleSwizzle_0_2_2_simpleSwizzle = createCommonjsModule(function (module) {
|
||||
var simpleSwizzle = createCommonjsModule(function (module) {
|
||||
|
||||
|
||||
|
||||
|
|
@ -189,7 +190,7 @@
|
|||
for (var i = 0, len = args.length; i < len; i++) {
|
||||
var arg = args[i];
|
||||
|
||||
if (_isArrayish_0_3_2_isArrayish(arg)) {
|
||||
if (isArrayish(arg)) {
|
||||
// http://jsperf.com/javascript-array-concat-vs-push/98
|
||||
results = concat.call(results, slice.call(arg));
|
||||
} else {
|
||||
|
|
@ -207,7 +208,7 @@
|
|||
};
|
||||
});
|
||||
|
||||
var _colorString_1_5_3_colorString = createCommonjsModule(function (module) {
|
||||
var colorString = createCommonjsModule(function (module) {
|
||||
/* MIT license */
|
||||
|
||||
|
||||
|
|
@ -215,9 +216,9 @@
|
|||
var reverseNames = {};
|
||||
|
||||
// create a list of reverse color names
|
||||
for (var name in _colorName_1_1_4_colorName) {
|
||||
if (_colorName_1_1_4_colorName.hasOwnProperty(name)) {
|
||||
reverseNames[_colorName_1_1_4_colorName[name]] = name;
|
||||
for (var name in colorName) {
|
||||
if (colorName.hasOwnProperty(name)) {
|
||||
reverseNames[colorName[name]] = name;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -313,7 +314,7 @@
|
|||
return [0, 0, 0, 0];
|
||||
}
|
||||
|
||||
rgb = _colorName_1_1_4_colorName[match[1]];
|
||||
rgb = colorName[match[1]];
|
||||
|
||||
if (!rgb) {
|
||||
return null;
|
||||
|
|
@ -376,7 +377,7 @@
|
|||
};
|
||||
|
||||
cs.to.hex = function () {
|
||||
var rgba = _simpleSwizzle_0_2_2_simpleSwizzle(arguments);
|
||||
var rgba = simpleSwizzle(arguments);
|
||||
|
||||
return (
|
||||
'#' +
|
||||
|
|
@ -390,7 +391,7 @@
|
|||
};
|
||||
|
||||
cs.to.rgb = function () {
|
||||
var rgba = _simpleSwizzle_0_2_2_simpleSwizzle(arguments);
|
||||
var rgba = simpleSwizzle(arguments);
|
||||
|
||||
return rgba.length < 4 || rgba[3] === 1
|
||||
? 'rgb(' + Math.round(rgba[0]) + ', ' + Math.round(rgba[1]) + ', ' + Math.round(rgba[2]) + ')'
|
||||
|
|
@ -398,7 +399,7 @@
|
|||
};
|
||||
|
||||
cs.to.rgb.percent = function () {
|
||||
var rgba = _simpleSwizzle_0_2_2_simpleSwizzle(arguments);
|
||||
var rgba = simpleSwizzle(arguments);
|
||||
|
||||
var r = Math.round(rgba[0] / 255 * 100);
|
||||
var g = Math.round(rgba[1] / 255 * 100);
|
||||
|
|
@ -410,7 +411,7 @@
|
|||
};
|
||||
|
||||
cs.to.hsl = function () {
|
||||
var hsla = _simpleSwizzle_0_2_2_simpleSwizzle(arguments);
|
||||
var hsla = simpleSwizzle(arguments);
|
||||
return hsla.length < 4 || hsla[3] === 1
|
||||
? 'hsl(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%)'
|
||||
: 'hsla(' + hsla[0] + ', ' + hsla[1] + '%, ' + hsla[2] + '%, ' + hsla[3] + ')';
|
||||
|
|
@ -419,7 +420,7 @@
|
|||
// hwb is a bit different than rgb(a) & hsl(a) since there is no alpha specific syntax
|
||||
// (hwb have alpha optional & 1 is default value)
|
||||
cs.to.hwb = function () {
|
||||
var hwba = _simpleSwizzle_0_2_2_simpleSwizzle(arguments);
|
||||
var hwba = simpleSwizzle(arguments);
|
||||
|
||||
var a = '';
|
||||
if (hwba.length >= 4 && hwba[3] !== 1) {
|
||||
|
|
@ -443,8 +444,8 @@
|
|||
return (str.length < 2) ? '0' + str : str;
|
||||
}
|
||||
});
|
||||
var _colorString_1_5_3_colorString_1 = _colorString_1_5_3_colorString.to;
|
||||
var _colorString_1_5_3_colorString_2 = _colorString_1_5_3_colorString.get;
|
||||
var colorString_1 = colorString.to;
|
||||
var colorString_2 = colorString.get;
|
||||
|
||||
/* MIT license */
|
||||
/* eslint-disable no-mixed-operators */
|
||||
|
|
@ -455,8 +456,8 @@
|
|||
// do not use box values types (i.e. Number(), String(), etc.)
|
||||
|
||||
const reverseKeywords = {};
|
||||
for (const key of Object.keys(_colorName_1_1_4_colorName)) {
|
||||
reverseKeywords[_colorName_1_1_4_colorName[key]] = key;
|
||||
for (const key of Object.keys(colorName)) {
|
||||
reverseKeywords[colorName[key]] = key;
|
||||
}
|
||||
|
||||
const convert = {
|
||||
|
|
@ -631,8 +632,8 @@
|
|||
let currentClosestDistance = Infinity;
|
||||
let currentClosestKeyword;
|
||||
|
||||
for (const keyword of Object.keys(_colorName_1_1_4_colorName)) {
|
||||
const value = _colorName_1_1_4_colorName[keyword];
|
||||
for (const keyword of Object.keys(colorName)) {
|
||||
const value = colorName[keyword];
|
||||
|
||||
// Compute comparative distance
|
||||
const distance = comparativeDistance(rgb, value);
|
||||
|
|
@ -648,7 +649,7 @@
|
|||
};
|
||||
|
||||
convert.keyword.rgb = function (keyword) {
|
||||
return _colorName_1_1_4_colorName[keyword];
|
||||
return colorName[keyword];
|
||||
};
|
||||
|
||||
convert.rgb.xyz = function (rgb) {
|
||||
|
|
@ -1458,7 +1459,7 @@
|
|||
});
|
||||
});
|
||||
|
||||
var _colorConvert_2_0_1_colorConvert = convert$1;
|
||||
var colorConvert = convert$1;
|
||||
|
||||
var _slice = [].slice;
|
||||
|
||||
|
|
@ -1474,8 +1475,8 @@
|
|||
];
|
||||
|
||||
var hashedModelKeys = {};
|
||||
Object.keys(_colorConvert_2_0_1_colorConvert).forEach(function (model) {
|
||||
hashedModelKeys[_slice.call(_colorConvert_2_0_1_colorConvert[model].labels).sort().join('')] = model;
|
||||
Object.keys(colorConvert).forEach(function (model) {
|
||||
hashedModelKeys[_slice.call(colorConvert[model].labels).sort().join('')] = model;
|
||||
});
|
||||
|
||||
var limiters = {};
|
||||
|
|
@ -1489,7 +1490,7 @@
|
|||
model = null;
|
||||
}
|
||||
|
||||
if (model && !(model in _colorConvert_2_0_1_colorConvert)) {
|
||||
if (model && !(model in colorConvert)) {
|
||||
throw new Error('Unknown model: ' + model);
|
||||
}
|
||||
|
||||
|
|
@ -1505,18 +1506,18 @@
|
|||
this.color = obj.color.slice();
|
||||
this.valpha = obj.valpha;
|
||||
} else if (typeof obj === 'string') {
|
||||
var result = _colorString_1_5_3_colorString.get(obj);
|
||||
var result = colorString.get(obj);
|
||||
if (result === null) {
|
||||
throw new Error('Unable to parse color from string: ' + obj);
|
||||
}
|
||||
|
||||
this.model = result.model;
|
||||
channels = _colorConvert_2_0_1_colorConvert[this.model].channels;
|
||||
channels = colorConvert[this.model].channels;
|
||||
this.color = result.value.slice(0, channels);
|
||||
this.valpha = typeof result.value[channels] === 'number' ? result.value[channels] : 1;
|
||||
} else if (obj.length) {
|
||||
this.model = model || 'rgb';
|
||||
channels = _colorConvert_2_0_1_colorConvert[this.model].channels;
|
||||
channels = colorConvert[this.model].channels;
|
||||
var newArr = _slice.call(obj, 0, channels);
|
||||
this.color = zeroArray(newArr, channels);
|
||||
this.valpha = typeof obj[channels] === 'number' ? obj[channels] : 1;
|
||||
|
|
@ -1546,7 +1547,7 @@
|
|||
|
||||
this.model = hashedModelKeys[hashedKeys];
|
||||
|
||||
var labels = _colorConvert_2_0_1_colorConvert[this.model].labels;
|
||||
var labels = colorConvert[this.model].labels;
|
||||
var color = [];
|
||||
for (i = 0; i < labels.length; i++) {
|
||||
color.push(obj[labels[i]]);
|
||||
|
|
@ -1557,7 +1558,7 @@
|
|||
|
||||
// perform limitations (clamping, etc.)
|
||||
if (limiters[this.model]) {
|
||||
channels = _colorConvert_2_0_1_colorConvert[this.model].channels;
|
||||
channels = colorConvert[this.model].channels;
|
||||
for (i = 0; i < channels; i++) {
|
||||
var limit = limiters[this.model][i];
|
||||
if (limit) {
|
||||
|
|
@ -1583,16 +1584,16 @@
|
|||
},
|
||||
|
||||
string: function (places) {
|
||||
var self = this.model in _colorString_1_5_3_colorString.to ? this : this.rgb();
|
||||
var self = this.model in colorString.to ? this : this.rgb();
|
||||
self = self.round(typeof places === 'number' ? places : 1);
|
||||
var args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);
|
||||
return _colorString_1_5_3_colorString.to[self.model](args);
|
||||
return colorString.to[self.model](args);
|
||||
},
|
||||
|
||||
percentString: function (places) {
|
||||
var self = this.rgb().round(typeof places === 'number' ? places : 1);
|
||||
var args = self.valpha === 1 ? self.color : self.color.concat(this.valpha);
|
||||
return _colorString_1_5_3_colorString.to.rgb.percent(args);
|
||||
return colorString.to.rgb.percent(args);
|
||||
},
|
||||
|
||||
array: function () {
|
||||
|
|
@ -1601,8 +1602,8 @@
|
|||
|
||||
object: function () {
|
||||
var result = {};
|
||||
var channels = _colorConvert_2_0_1_colorConvert[this.model].channels;
|
||||
var labels = _colorConvert_2_0_1_colorConvert[this.model].labels;
|
||||
var channels = colorConvert[this.model].channels;
|
||||
var labels = colorConvert[this.model].labels;
|
||||
|
||||
for (var i = 0; i < channels; i++) {
|
||||
result[labels[i]] = this.color[i];
|
||||
|
|
@ -1691,7 +1692,7 @@
|
|||
return new Color(val);
|
||||
}
|
||||
|
||||
return _colorConvert_2_0_1_colorConvert[this.model].keyword(this.color);
|
||||
return colorConvert[this.model].keyword(this.color);
|
||||
},
|
||||
|
||||
hex: function (val) {
|
||||
|
|
@ -1699,7 +1700,7 @@
|
|||
return new Color(val);
|
||||
}
|
||||
|
||||
return _colorString_1_5_3_colorString.to.hex(this.rgb().round().color);
|
||||
return colorString.to.hex(this.rgb().round().color);
|
||||
},
|
||||
|
||||
rgbNumber: function () {
|
||||
|
|
@ -1847,12 +1848,12 @@
|
|||
};
|
||||
|
||||
// model conversion methods and static constructors
|
||||
Object.keys(_colorConvert_2_0_1_colorConvert).forEach(function (model) {
|
||||
Object.keys(colorConvert).forEach(function (model) {
|
||||
if (skippedModels.indexOf(model) !== -1) {
|
||||
return;
|
||||
}
|
||||
|
||||
var channels = _colorConvert_2_0_1_colorConvert[model].channels;
|
||||
var channels = colorConvert[model].channels;
|
||||
|
||||
// conversion methods
|
||||
Color.prototype[model] = function () {
|
||||
|
|
@ -1865,7 +1866,7 @@
|
|||
}
|
||||
|
||||
var newAlpha = typeof arguments[channels] === 'number' ? channels : this.valpha;
|
||||
return new Color(assertArray(_colorConvert_2_0_1_colorConvert[this.model][model].raw(this.color)).concat(newAlpha), model);
|
||||
return new Color(assertArray(colorConvert[this.model][model].raw(this.color)).concat(newAlpha), model);
|
||||
};
|
||||
|
||||
// 'static' construction methods
|
||||
|
|
@ -1939,67 +1940,66 @@
|
|||
}
|
||||
|
||||
theme();
|
||||
|
||||
document.addEventListener('DOMContentLoaded', () => {
|
||||
theme();
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
theme();
|
||||
});
|
||||
|
||||
function theme() {
|
||||
if (document.body && !document.body.style.getPropertyValue('--o-primary')) {
|
||||
setTheme('primary', '#07c160');
|
||||
setTheme('danger', '#f5222d');
|
||||
setTheme('surface', '#ffffff');
|
||||
setTheme('on-primary', '#ffffff');
|
||||
setTheme('on-danger', '#ffffff');
|
||||
setTheme('on-surface', '#000000');
|
||||
setTheme('background', '#ffffff');
|
||||
setTheme('small-radius', '4px');
|
||||
setTheme('medium-radius', '4px');
|
||||
setTheme('large-radius', '0px');
|
||||
setTheme('font-family', '-apple-system-font,"Helvetica Neue",sans-serif');
|
||||
}
|
||||
}
|
||||
|
||||
function setTheme(key, value) {
|
||||
const style = document.body.style;
|
||||
|
||||
style.setProperty('--o-' + key, value);
|
||||
switch (key) {
|
||||
case 'primary':
|
||||
style.setProperty('--o-primary-fade-little', Color(value).fade(0.382));
|
||||
style.setProperty('--o-primary-fade-some', Color(value).fade(0.618));
|
||||
style.setProperty('--o-primary-fade-more', Color(value).fade(0.759));
|
||||
style.setProperty('--o-primary-fade-lot', Color(value).fade(0.9));
|
||||
style.setProperty('--o-primary-active', Color(value).darken(0.1));
|
||||
|
||||
style.setProperty('--o-primary-hover-border', Color(value).fade(0.618));
|
||||
style.setProperty('--o-primary-hover-bg', Color(value).fade(0.9));
|
||||
|
||||
break
|
||||
case 'danger':
|
||||
style.setProperty('--o-danger-fade-little', Color(value).fade(0.382));
|
||||
style.setProperty('--o-danger-fade-some', Color(value).fade(0.618));
|
||||
style.setProperty('--o-danger-fade-more', Color(value).fade(0.759));
|
||||
style.setProperty('--o-danger-fade-lot', Color(value).fade(0.9));
|
||||
style.setProperty('--o-danger-active', Color(value).darken(0.1));
|
||||
break
|
||||
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
if (typeof window !== undefined) {
|
||||
//@ts-ignore
|
||||
window.Omiu = {
|
||||
setTheme: setTheme,
|
||||
setThemePrimary: function (color) {
|
||||
setTheme('primary', color);
|
||||
},
|
||||
setThemeError: function (color) {
|
||||
setTheme('error', color);
|
||||
if (document.body && !document.body.style.getPropertyValue('--o-primary')) {
|
||||
setTheme('primary', '#07c160');
|
||||
setTheme('danger', '#f5222d');
|
||||
setTheme('surface', '#ffffff');
|
||||
setTheme('on-primary', '#ffffff');
|
||||
setTheme('on-danger', '#ffffff');
|
||||
setTheme('on-surface', '#000000');
|
||||
setTheme('background', '#ffffff');
|
||||
setTheme('small-radius', '4px');
|
||||
setTheme('medium-radius', '4px');
|
||||
setTheme('large-radius', '0px');
|
||||
setTheme('font-family', '-apple-system-font,"Helvetica Neue",sans-serif');
|
||||
}
|
||||
};
|
||||
}
|
||||
function setTheme(key, value) {
|
||||
var style = document.body.style;
|
||||
style.setProperty('--o-' + key, value);
|
||||
switch (key) {
|
||||
case 'primary':
|
||||
style.setProperty('--o-primary-fade-little', Color(value).fade(0.382));
|
||||
style.setProperty('--o-primary-fade-some', Color(value).fade(0.618));
|
||||
style.setProperty('--o-primary-fade-more', Color(value).fade(0.759));
|
||||
style.setProperty('--o-primary-fade-lot', Color(value).fade(0.9));
|
||||
style.setProperty('--o-primary-active', Color(value).darken(0.1));
|
||||
style.setProperty('--o-primary-hover-border', Color(value).fade(0.618));
|
||||
style.setProperty('--o-primary-hover-bg', Color(value).fade(0.9));
|
||||
break;
|
||||
case 'danger':
|
||||
style.setProperty('--o-danger-fade-little', Color(value).fade(0.382));
|
||||
style.setProperty('--o-danger-fade-some', Color(value).fade(0.618));
|
||||
style.setProperty('--o-danger-fade-more', Color(value).fade(0.759));
|
||||
style.setProperty('--o-danger-fade-lot', Color(value).fade(0.9));
|
||||
style.setProperty('--o-danger-active', Color(value).darken(0.1));
|
||||
break;
|
||||
}
|
||||
}
|
||||
var index = {
|
||||
setTheme: setTheme
|
||||
};
|
||||
if (typeof window !== undefined) {
|
||||
//@ts-ignore
|
||||
window.Omiu = {
|
||||
setTheme: setTheme,
|
||||
setThemePrimary: function (color) {
|
||||
setTheme('primary', color);
|
||||
},
|
||||
setThemeError: function (color) {
|
||||
setTheme('error', color);
|
||||
}
|
||||
};
|
||||
}
|
||||
|
||||
exports.default = index;
|
||||
exports.setTheme = setTheme;
|
||||
|
||||
Object.defineProperty(exports, '__esModule', { value: true });
|
||||
|
||||
})));
|
||||
//# sourceMappingURL=index.js.map
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -22,7 +22,7 @@ function theme() {
|
|||
}
|
||||
}
|
||||
|
||||
function setTheme(key, value) {
|
||||
export function setTheme(key, value) {
|
||||
const style = document.body.style
|
||||
|
||||
style.setProperty('--o-' + key, value)
|
||||
|
|
@ -49,6 +49,9 @@ function setTheme(key, value) {
|
|||
}
|
||||
}
|
||||
|
||||
export default {
|
||||
setTheme
|
||||
}
|
||||
|
||||
if (typeof window !== undefined) {
|
||||
//@ts-ignore
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
var n=Object.defineProperty,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,i=(e,t,o)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;import{h as r,e as a,a as l,W as c,c as s,d as p,t as d,s as u}from"./vendor.400aff7e.js";
|
||||
var n=Object.defineProperty,e=Object.getOwnPropertySymbols,t=Object.prototype.hasOwnProperty,o=Object.prototype.propertyIsEnumerable,i=(e,t,o)=>t in e?n(e,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):e[t]=o;import{h as r,e as a,b as l,W as c,d as s,f as p,t as d,s as u}from"./vendor.46548614.js";
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation.
|
||||
|
||||
|
|
@ -1 +1 @@
|
|||
import{W as e,h as t,t as r,s as n,a as i}from"./vendor.400aff7e.js";var o=Object.defineProperty,s=Object.getOwnPropertyDescriptor;let a=class extends e{render(){return t("div",{class:r``},t("iframe",{height:window.innerHeight-90,style:"width: 100%;",scrolling:"yes",title:"OMIU Link",src:"https://tencent.github.io/omi/components/icon/demos/icon.html",frameborder:"no",loading:"lazy"}))}};a.css=n.target,a=((e,t,r,n)=>{for(var i,a=n>1?void 0:n?s(t,r):t,c=e.length-1;c>=0;c--)(i=e[c])&&(a=(n?i(t,r,a):i(a))||a);return n&&a&&o(t,r,a),a})([i("admin-icon")],a);export default a;
|
||||
import{W as e,h as t,t as r,s as n,b as i}from"./vendor.46548614.js";var o=Object.defineProperty,s=Object.getOwnPropertyDescriptor;let a=class extends e{render(){return t("div",{class:r``},t("iframe",{height:window.innerHeight-90,style:"width: 100%;",scrolling:"yes",title:"OMIU Link",src:"https://tencent.github.io/omi/components/icon/demos/icon.html",frameborder:"no",loading:"lazy"}))}};a.css=n.target,a=((e,t,r,n)=>{for(var i,a=n>1?void 0:n?s(t,r):t,c=e.length-1;c>=0;c--)(i=e[c])&&(a=(n?i(t,r,a):i(a))||a);return n&&a&&o(t,r,a),a})([i("admin-icon")],a);export default a;
|
||||
|
|
@ -1 +1 @@
|
|||
import{g as getDefaultExportFromCjs,f as require$$0,i as commonjsGlobal}from"./vendor.400aff7e.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,i as require$$0,j as commonjsGlobal}from"./vendor.46548614.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.400aff7e.js";import"./index.esm.1514f033.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;
|
||||
import{W as e,h as t,t as s,s as a,b as c}from"./vendor.46548614.js";import"./index.esm.a643a6ca.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,f as require$$0,i as commonjsGlobal}from"./vendor.400aff7e.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,i as require$$0,j as commonjsGlobal}from"./vendor.46548614.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
File diff suppressed because one or more lines are too long
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.400aff7e.js";
|
||||
import{h as e,e as t,d as n,b as o,W as r}from"./vendor.46548614.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.400aff7e.js";import"./index.esm.1514f033.js";
|
||||
import{h as t,e,b as n,W as a,t as r,s as i}from"./vendor.46548614.js";import"./index.esm.a643a6ca.js";
|
||||
/*! *****************************************************************************
|
||||
Copyright (c) Microsoft Corporation. All rights reserved.
|
||||
Licensed under the Apache License, Version 2.0 (the "License"); you may not use
|
||||
|
|
@ -1 +0,0 @@
|
|||
import{W as r,h as e,t,s,a}from"./vendor.400aff7e.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;
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{W as r,h as e,t,s,b as a}from"./vendor.46548614.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;
|
||||
|
|
@ -0,0 +1 @@
|
|||
import{W as r,h as e,t,s,b as a}from"./vendor.46548614.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;
|
||||
|
|
@ -1 +0,0 @@
|
|||
import{W as e,h as r,t,s as a,a as s}from"./vendor.400aff7e.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.216cdd14.js"></script>
|
||||
<link rel="modulepreload" href="./assets/vendor.400aff7e.js">
|
||||
<script type="module" crossorigin src="./assets/index.8e72228d.js"></script>
|
||||
<link rel="modulepreload" href="./assets/vendor.46548614.js">
|
||||
<link rel="stylesheet" href="./assets/index.36baf30a.css">
|
||||
</head>
|
||||
|
||||
|
|
|
|||
|
|
@ -15,6 +15,7 @@
|
|||
"@omiu/button": "^0.0.8",
|
||||
"@omiu/checkbox": "^0.0.9",
|
||||
"@omiu/color-picker": "^0.0.4",
|
||||
"@omiu/common": "^0.0.6",
|
||||
"@omiu/date-picker": "^0.0.4",
|
||||
"@omiu/icon": "^0.0.3",
|
||||
"@omiu/input": "^0.0.8",
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
import { WeElement, h, tag } from 'omi'
|
||||
import { tw, sheet } from 'omi-twind'
|
||||
|
||||
import { setTheme } from '@omiu/common'
|
||||
import logo from '../../assets/logo.svg'
|
||||
import '@omiu/avatar'
|
||||
import '@omiu/icon/palette'
|
||||
|
|
@ -38,6 +38,11 @@ export default class extends WeElement<Props> {
|
|||
evt.stopPropagation()
|
||||
}
|
||||
|
||||
onColorChange = (evt) => {
|
||||
this.store.themeColor = evt.detail.color
|
||||
setTheme('primary', evt.detail.color)
|
||||
}
|
||||
|
||||
render() {
|
||||
return (
|
||||
<div class={tw`bg-gray-100 h-12 text-left border-b-1`}>
|
||||
|
|
@ -53,7 +58,7 @@ export default class extends WeElement<Props> {
|
|||
<div class={tw`relative mt-2 mr-5`}>
|
||||
<div class={tw`cursor-pointer`} onClick={this.toggle} style={{ color: this.store.themeColor }}><o-icon-palette></o-icon-palette>主题</div>
|
||||
{
|
||||
this.isShowColorPicker && <o-color-picker onClick={evt => evt.stopPropagation()} class={tw`absolute right-0 z-50`} save={false} preview={false} button={false} clear={false} width="300px"></o-color-picker>
|
||||
this.isShowColorPicker && <o-color-picker onchange={this.onColorChange} onClick={evt => evt.stopPropagation()} class={tw`absolute right-0 z-50`} save={false} preview={false} button={false} clear={false} width="300px"></o-color-picker>
|
||||
}
|
||||
</div>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue