alytus-ff 0.1.2 → 0.1.3

package/components/index.ts

@@ -0,0 +1,4 @@
+
+import PageTitle from '../src/components/Page/PageTitle.vue'
+
+export { PageTitle }

package/dist/alytus-ff.es.js

@@ -0,0 +1,32 @@
+import { defineComponent as a, openBlock as c, createElementBlock as p, createElementVNode as s, toDisplayString as i, renderSlot as l } from "vue";
+const u = a({
+  name: "PageTitle",
+  props: {
+    title: {
+      type: String,
+      required: !0
+    }
+  }
+}), d = (t, e) => {
+  const n = t.__vccOpts || t;
+  for (const [o, r] of e)
+    n[o] = r;
+  return n;
+}, f = { class: "mt-6 mb-3 ec-page-title" }, _ = { class: "text-h5 font-weight-bold" };
+function m(t, e, n, o, r, g) {
+  return c(), p("div", f, [
+    s("span", _, i(t.title), 1),
+    s("div", null, [
+      l(t.$slots, "buttons")
+    ])
+  ]);
+}
+const b = /* @__PURE__ */ d(u, [["render", m]]), y = (t) => {
+  if (typeof t == "object") return t;
+  const e = t.substr(0, 10).split("-");
+  return new Date(parseInt(e[0], 10), parseInt(e[1], 10) - 1, e.length <= 2 ? 1 : parseInt(e[2], 10));
+};
+export {
+  b as PageTitle,
+  y as parseSysDate
+};

package/dist/alytus-ff.umd.js

@@ -0,0 +1 @@
+(function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["Alytus-FF"]={},n.Vue))})(this,function(n,e){"use strict";const c=e.defineComponent({name:"PageTitle",props:{title:{type:String,required:!0}}}),a=(t,o)=>{const s=t.__vccOpts||t;for(const[r,i]of o)s[r]=i;return s},p={class:"mt-6 mb-3 ec-page-title"},l={class:"text-h5 font-weight-bold"};function d(t,o,s,r,i,m){return e.openBlock(),e.createElementBlock("div",p,[e.createElementVNode("span",l,e.toDisplayString(t.title),1),e.createElementVNode("div",null,[e.renderSlot(t.$slots,"buttons")])])}const f=a(c,[["render",d]]),u=t=>{if(typeof t=="object")return t;const o=t.substr(0,10).split("-");return new Date(parseInt(o[0],10),parseInt(o[1],10)-1,o.length<=2?1:parseInt(o[2],10))};n.PageTitle=f,n.parseSysDate=u,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});

package/dist/style.css

@@ -1 +1 @@
-h1[data-v-69b3121f]{color:#42b9ff}
+.ec-page-title,.ec-page-subtitle{display:flex;justify-content:space-between;align-items:center}.ec-page-title .v-btn,.ec-page-subtitle .v-btn{text-transform:unset;letter-spacing:.045em}

package/index.ts

@@ -1,10 +1,3 @@
-// index.js
-
-// Import the Vue component
-import MyComponent from './src/components/Page/MyComponent.vue';
-
-// Export it as the default export (optional)
-// export default MyComponent;
-
-// Alternatively, you can use named exports
-export { MyComponent };
+import './src/styles/main.scss'
+export * from './components';
+export * from './utils';

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "alytus-ff",
-  "version": "0.1.2",
+  "version": "0.1.3",
   "description": "Frontend framework",
   "main": "index.ts",
   "types": "index.d.ts",
@@ -19,6 +19,8 @@
     "@types/node": "^22.5.0",
     "@vitejs/plugin-vue": "^5.1.2",
     "@vue/compiler-sfc": "^3.4.38",
+    "sass": "^1.77.8",
+    "sass-loader": "^16.0.1",
     "typescript": "^5.5.4",
     "vite": "^5.4.2"
   }

package/src/components/Page/PageTitle.vue

@@ -0,0 +1,20 @@
+<template>
+    <div class="mt-6 mb-3 ec-page-title">
+        <span class="text-h5 font-weight-bold">{{ title }}</span>
+        <div><slot name="buttons"></slot></div>
+    </div>
+</template>
+
+<script lang="ts">
+import {defineComponent} from "vue";
+
+export default defineComponent({
+    name: "PageTitle",
+    props: {
+        title: {
+            type: String,
+            required: true
+        }
+    }
+})
+</script>

package/src/styles/Page.scss

@@ -0,0 +1,12 @@
+
+.ec-page-title, .ec-page-subtitle {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+
+  .v-btn {
+    text-transform: unset;
+    letter-spacing: 0.045em;
+  }
+}
+

package/src/styles/main.scss

@@ -0,0 +1 @@
+@import "Page";

package/src/utils/date.ts

@@ -0,0 +1,6 @@
+
+export const parseSysDate = (d_str: string) => {
+    if (typeof(d_str) === "object") return d_str;
+    const arr = d_str.substr(0, 10).split("-");
+    return new Date(parseInt(arr[0], 10), parseInt(arr[1], 10) - 1, arr.length <= 2 ? 1 : parseInt(arr[2], 10));
+}

package/utils/index.ts

@@ -0,0 +1,4 @@
+
+import {parseSysDate} from "../src/utils/date"
+
+export { parseSysDate }

package/vite.config.ts

@@ -5,9 +5,9 @@ export default defineConfig({
   plugins: [vue()],
   build: {
     lib: {
-      entry: './index.ts', // Make sure this points to your TypeScript entry point
-      name: 'MyComponent',
-      fileName: (format) => `my-component.${format}.js`
+      entry: './index.ts',
+      name: 'Alytus-FF',
+      fileName: (format) => `alytus-ff.${format}.js`,
     },
     rollupOptions: {
       external: ['vue'],

package/dist/my-component.es.js

@@ -1,29 +0,0 @@
-import { defineComponent as l, openBlock as i, createElementBlock as s, createElementVNode as p, toDisplayString as c } from "vue";
-const a = l({
-  name: "MyComponent",
-  props: {
-    title: {
-      type: String,
-      default: "Hello World"
-    },
-    description: {
-      type: String,
-      default: "This is a Vue component."
-    }
-  }
-}), d = (e, n) => {
-  const t = e.__vccOpts || e;
-  for (const [o, r] of n)
-    t[o] = r;
-  return t;
-};
-function f(e, n, t, o, r, m) {
-  return i(), s("div", null, [
-    p("h1", null, c(e.title), 1),
-    p("p", null, c(e.description), 1)
-  ]);
-}
-const _ = /* @__PURE__ */ d(a, [["render", f], ["__scopeId", "data-v-69b3121f"]]);
-export {
-  _ as MyComponent
-};

package/dist/my-component.umd.js

@@ -1 +0,0 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.MyComponent={},t.Vue))})(this,function(t,e){"use strict";const s=e.defineComponent({name:"MyComponent",props:{title:{type:String,default:"Hello World"},description:{type:String,default:"This is a Vue component."}}}),d=(n,i)=>{const o=n.__vccOpts||n;for(const[p,r]of i)o[p]=r;return o};function c(n,i,o,p,r,f){return e.openBlock(),e.createElementBlock("div",null,[e.createElementVNode("h1",null,e.toDisplayString(n.title),1),e.createElementVNode("p",null,e.toDisplayString(n.description),1)])}const l=d(s,[["render",c],["__scopeId","data-v-69b3121f"]]);t.MyComponent=l,Object.defineProperty(t,Symbol.toStringTag,{value:"Module"})});

package/src/components/Page/MyComponent.vue

@@ -1,31 +0,0 @@
-<!-- MyComponent.vue -->
-<template>
-  <div>
-    <h1>{{ title }}</h1>
-    <p>{{ description }}</p>
-  </div>
-</template>
-
-<script lang="ts">
-import {defineComponent} from "vue";
-
-export default defineComponent({
-    name: "MyComponent",
-    props: {
-        title: {
-            type: String,
-            default: 'Hello World'
-        },
-        description: {
-            type: String,
-            default: 'This is a Vue component.'
-        }
-    }
-})
-</script>
-
-<style scoped>
-h1 {
-  color: #42b9ff;
-}
-</style>