fit2cloud-ui-plus 0.0.1-beta.0

package/src/styles/components/virtual-scroller.scss

@@ -0,0 +1,24 @@
+@use "../common/mixins.scss" as *;
+@use "../common/variables.scss" as *;
+
+@include b(virtual-scroll) {
+  overflow: auto;
+  height: 100%;
+  width: 100%;
+  background-color: #F5F5F5;
+  position: relative;
+
+  @include e(item) {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+  }
+
+  @include when(horizontal) {
+    @include e(item) {
+      position: absolute;
+      top: 0;
+      bottom: 0;
+    }
+  }
+}

package/src/styles/index.scss

@@ -0,0 +1,11 @@
+@use "./common/variables.scss";
+@use "element-plus/theme-chalk/src/index.scss" as *;
+@use "./components/speed-dial";
+@use "./components/search-bar";
+@use "./components/filter-bar";
+@use "./components/table";
+@use "./components/steps";
+@use "./components/read-write-switch";
+@use "./components/split-pane";
+@use "./components/tabs";
+@use "./components/virtual-scroller";

package/src/tools/theme.ts

@@ -0,0 +1,23 @@
+const COMPONENTS_TYPE = ["default", "primary", "success", "warning", "danger", "info"];
+
+export const validateType = (value: string) => {
+  if (!value) return true;
+
+  if (COMPONENTS_TYPE.includes(value)) {
+    return true;
+  }
+  console.error("types is not contains " + value);
+  return false;
+}
+
+const COMPONENTS_SIZE = ["default", "large", "small"];
+
+export const validateSize = (value: string) => {
+  if (!value) return true;
+
+  if (COMPONENTS_SIZE.includes(value)) {
+    return true;
+  }
+  console.error("size is not contains " + value);
+  return false;
+}

package/src/tools/time.ts

@@ -0,0 +1,30 @@
+const getCheckDate = (timestamp: string) => {
+  if (!timestamp) return false
+  const dt = new Date(timestamp)
+  if (isNaN(dt.getTime())) return false
+  return dt
+}
+export const datetimeFormat = (timestamp: string) => {
+  const dt = getCheckDate(timestamp);
+  if (!dt) return timestamp
+
+  const y = dt.getFullYear()
+  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
+  const d = (dt.getDate() + '').padStart(2, '0')
+  const hh = (dt.getHours() + '').padStart(2, '0')
+  const mm = (dt.getMinutes() + '').padStart(2, '0')
+  const ss = (dt.getSeconds() + '').padStart(2, '0')
+
+  return `${y}-${m}-${d} ${hh}:${mm}:${ss}`
+}
+
+export const dateFormat = (timestamp: string) => {
+  const dt = getCheckDate(timestamp);
+  if (!dt) return timestamp
+
+  const y = dt.getFullYear()
+  const m = (dt.getMonth() + 1 + '').padStart(2, '0')
+  const d = (dt.getDate() + '').padStart(2, '0')
+
+  return `${y}-${m}-${d}`
+}

package/src/tools/utils.ts

@@ -0,0 +1,60 @@
+export const download = function ({url, name, content}) {
+  if (url) {
+    downloadByURL(url)
+  } else {
+    downloadByContent(name, content)
+  }
+}
+
+export const downloadByContent = function (name, content) {
+  const blob = new Blob([content])
+  const a = document.createElement('a')
+  a.setAttribute('href', window.URL.createObjectURL(blob))
+  a.setAttribute('download', name)
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+}
+
+export const downloadByURL = function (url) {
+  const a = document.createElement('a')
+  a.setAttribute('href', url)
+  a.setAttribute('download', url)
+  document.body.appendChild(a)
+  a.click()
+  document.body.removeChild(a)
+}
+
+export const uuid = function () {
+  let d = new Date().getTime();
+  let d2 = (performance && performance.now && (performance.now() * 1000)) || 0;
+  return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function (c) {
+    let r = Math.random() * 16;
+    if (d > 0) {
+      r = (d + r) % 16 | 0;
+      d = Math.floor(d / 16);
+    } else {
+      r = (d2 + r) % 16 | 0;
+      d2 = Math.floor(d2 / 16);
+    }
+    return (c === 'x' ? r : (r & 0x3 | 0x8)).toString(16);
+  });
+};
+
+export const randomId = function () {
+  return Math.floor(Math.random() * 10000);
+}
+
+export const hasOwn = function (obj, key) {
+  return Object.prototype.hasOwnProperty.call(obj, key);
+}
+
+export const convertToUnit = function (value, unit = "px") {
+  if (value == null || value === '') {
+    return undefined
+  } else if (isNaN(+value)) {
+    return String(value)
+  } else {
+    return `${Number(value)}${unit}`
+  }
+}